Introduction To CSS

Cascading Style Sheets

If you are serious about web design you will need to know how to use cascading stylesheets. Not only do they save you time when applying similar formats to the same tags but they also allow greater control over how each HTML element is displayed. With stylesheets it becomes easier to overcome the restrictions that using HTML alone will place on the formatting of your pages.

There are two main types of stylesheet, inline stylesheets which are declared in the <head> section of the web page and external stylesheets which can be used to apply styles across a whole site. Imagine the time saved by housing all of your formatting information for a whole site in one single file.

The cascade part of the name refers to the way that formatting rules are derived from different style rules and browser defaults. The browser compiles rules from all locations and prioritises them in this order (highest being highest priority)

  1. Inline style (inside an HTML element)
  2. Internal style sheet (inside the <head> tag)
  3. External style sheet
  4. Browser default

About These Pages

As usual, you will get a start here and have to look elsewhere to take your knowledge further.