Home arrow Style-Sheets arrow Page 4 - What is CSS?

Cascading - What Does it Mean? - Style Sheets

Style sheets are a very powerful tool for the Web site developer. They give you the chance to be completely consistent with the look and feel of your pages, while giving you much more control over the layout and design than straight HTML ever did.

  1. What is CSS?
  2. CSS Syntax
  3. Placement of CSS Elements
  4. Cascading - What Does it Mean?
  5. Your First Style Sheet
By: Marc Knuttel
Rating: starstarstarstarstar / 93
May 17, 2004

print this article



Cascading is something that makes CSS even more powerful. Style sheets cascade when The Web Writer or user (or both) have created an order of precedence for the browser to apply the style rules in multiple sheets. The style rule or sheet that has the highest precedence is the one that is used. The following list is a simplification of how your browser decides precedence for a style:

  1. Look for the style element that is created, if it is not in the document, use the default rules in the browser.
  2. Determine if any of the style rules are marked as important and apply those to the appropriate elements.
  3. Any style rules in the document will have precedence over the default browser settings.
  4. The more specific the style rule, the higher the precedence it will have.
  5. Finally, if two rules apply to the same element, the one that was loaded last will have the highest precedence.

>>> More Style-Sheets Articles          >>> More By Marc Knuttel

blog comments powered by Disqus
escort Bursa Bursa escort Antalya eskort


- What is CSS?
- The Power of CSS
- Understanding Style Sheets (part 2)
- Understanding Style Sheets (Part 1)

Developer Shed Affiliates


Dev Shed Tutorial Topics: