<p><strong>*Internal CSS</strong>:- Internal CSS may be used if one single HTML page has a unique style. The internal style is defined inside the </p>

***Internal CSS**:- Internal CSS may be used if one single HTML page has a unique style. The internal style is defined inside the <style> element, inside the head section. let's write some code and see but before that let us see 
```
<!DOCTYPE html>
<html>
<body>
<style>
body {
  background-color: linen;
}

h1 {
  color: maroon;
  margin-left: 40px;
}
< /style>
< /body>
< /html>
```


***External CSS**:- THe External CSS is with the <link> element inside the <head> section of the Html

```
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
```
 
Then, the CSS will be in the next file that is been open in your IDE i.e VS code (Visual Studio Code)
```
 body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}
```

Thanks for reading and I will love you to share with friends and developers that need help with this!!! 



Different Type of CSS

Inline, ProInternal and External CSS