HTML/CSS 1 Tutorial Files

Download the HTML demo files we created in class here for reference.

To follow up on the complicated subject of CSS hierarchy here is a detailed guide to which CSS rule is applied when there is a CSS conflict:

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

The short version of this guide is:

1. Inline CSS (inside your HTML and not in and external file) take priority over ID's, classes, elements.
2. ID's take priority over classes and elements.
3. Classes take priority over elements.
4. Elements are at the bottom of the hierachy.

But, it can get much trickier than this. The best strategy for avoiding errors due to CSS hierachy complications is to organize your formatting without CSS conflicts in the first place. Sometimes this is not possible, and at that point you need to dig in and learn the hierarchy.