Home ❯ CSS3 list ❯ Three Ways to Insert CSS

Three Ways to Insert CSS

External CSS
Internal CSS
Inline CSS

External CSS

<!DOCTYPE html>
<html>
<head>   
   
   <link rel="stylesheet" href="mystyle.css"> 

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

</body>
</html>

Internal CSS

 
<!DOCTYPE html>
<html>

<head>
  
  <style>
       body {background-color: linen;}
       h1 {color: maroon;margin-left: 40px;}
  </style>

</head>

<body>

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

</body>
</html>

Inline CSS

 
<!DOCTYPE html>
<html>

<body>

   <h1 style="color:blue;text-align:center;">This is a heading</h1>
   <p style="color:red;">This is a paragraph.</p>


</body>
</html>

Categroy:
CSS

5 Related pages