Skip to content

Referencing CSS

External CSS

HTML 5

<link rel="stylesheet" href="css/styles.css" />

HTML 4

<link rel="stylesheet" href="css/styles.css" type="text/css" />

@import

  • Not recommended because of the potential of slowing down the website.
  • Usually used in CSS Pre-processors. 
@import url("b.css");  

<head>  
  <style>  
    @import url("css/b.css");  
  </style>  
</head>

Inline CSS

  • Shouldn’t be used widely.
  • Overrides defined stylesheets. 
<p style="color:red;">Red text!</p>

Internal CSS

  • Inefficient with multiple pages.
  • Better than inline CSS. 
<head>  
  <style>  
    h1 {  
      color: green;  
    }  
  </style>  
</head>
Last update : August 14, 2023
Created : August 25, 2022

Comments

Comments