CSS Inclusion

There are four different ways CSS can be applied in any web page –

  • Inline CSS
  • Embedded CSS
  • External CSS
  • Imported CSS

Inline CSS

In Inline CSS method all the styling applied to the HTML Element are defined inside the HTML Tag.


Embedded CSS

In this method styles are embedded inside the HTML document using the ‘style’ element (usually within the <head> tag).


External CSS

In this method all CSS that you want to use throughout your website are declared in a external style sheet which is a separate file that file typically has extension of ‘css’ . You can then include this external style sheet in any or all of your HTML pages.


Imported CSS

External Stylesheets can also be imported into an HTML document using @Import rule.