There are three types of CSS styles: 
+ Internal
+ Inline 
+ External



#    
## Internal style
An **internal style sheet** is a style sheet that is contained in the HTML document, and with which there is no external way of styling.

Every styling part will be written in the same HTML document.

<html>
 <head>
   <style>
     body{
       color:brown;
     }
     p:hover{
        color:red;
     }
     h3{
       color:violet;
     }
     h3:hover{
       color:orange;
     }

     </style>
 </head>
 <body>
   <div id="content"/>
   <p>This is Internal Styling.</p>
   <h3>This is Heading1 using Internal Stylesheet.</h3>
 </body>
</html>

codemirror

## Inline style
In the **inline style sheet**, the styles are directly added inside the element.
We can add all the style attributes directly inside the element. No external file is required for inline styling.

<html>
 <head>
  
 </head>
 <body>
   <div id="content"/>
   <p style="color:blue;font-fammily:sans-serif;">This is Inline Styling.</p>
   <h3 style="color:purple;">This is Heading1 using Inline Stylesheet.</h3>
 </body>
</html>

## External style

In the **external style sheet**, we add all of our styling parts (CSS) in some file and name it with the `.CSS` extension. Then, we link it to our HTML page.
Styling is done in an external file in the external style.

<html>
 <head>
  <link rel="styleshhet" href="style.css"> <!- This is generally used to link the files externally.->
 </head>
 <body>
   <div id="content"/>
   <p color:blue>This is External Styling.</p>
   <h3>This is Heading1 using External Stylesheet.</h3>
 </body>
</html>

 body{
       color:orange;
     }
     p:hover{
        color:blue;
     }
     h3{
       color:red;
     }
     h3:hover{
       color:greenyellow;
     }


What are CSS rules and their types?

There are three types of CSS styles:  Internal Inline External  