CSS Types

❮ Previous

Next ❯

Type of Style Sheet

There are three types of CSS. you can see the following types of CSS.

External CSS
Internal CSS
Inline CSS

External CSS

The CSS uses the element in a separate file, called an external stylesheet, to handle the CSS.

Example

<html> 
    <head>  
      <link rel="stylesheet" type="text/css" href="style.css" />
    </head>  
    <body>
        <p>Welcome to CSS Tutorial</p>
    </body>  
</html>

Internal CSS

The stylesheet rules are located in a style element in the header of the document. They are called internal stylesheets.

Example

<html> 
    <head> 
        <style>
            p{
                color:#000;
            }
        </style>
    </head>  
    <body>
        <p>Welcome to CSS Tutorial</p>
    </body>  
</html>

Inline CSS

Inline CSS lets you apply a unique style to each HTML element. You assign CSS to a particular HTML element by using the style attribute with all CSS properties defined in it.

Example

<html> 
    <head>  
    </head>  
    <body>
        <p style="color:#000;">Welcome to CSS Tutorial</p>
    </body>  
</html>

❮ Previous

Next ❯