Types of CSS

There are three ways to include CSS in HTML.

  • Inline CSS

  • Embedded or internal CSS

  • External CSS

​

Inline CSS:

By using style attribute CSS with the HTML page.

Ex.

        <h1 style="color:blue; font-size:50px;">This is a head section</h1>

 

Embedded or internal CSS:

Using style attribute inside the head section of HTML Page.

Ex.

     <head>

                    <title>My HTML Document</title>

                        <style type="text/css">

                                 body { background-color: Blue; }

                                  p { color: #fff; }

                         </style>

        </head>

​

External CSS:

In this create new file style.css and link to HTML page by link.

Ex.

        body {

                   background: blue;

                   font: 14px Arial, sans-serif;

                  }

        h1 {

                color: white;

              }