DreamweaverMX Tutorials

Cascading Style Sheets (CSS) provides a flexible way to format text and allows designers to separate content from presentation.

CSS also makes it easy to institute global changes -- you can change the appearance of 100s of pages by changing body color in the core stylesheet.

"Cascading" means that when there are multiple styles defined for a specific page or element, the browser will give them priority based on "how close" they are to the element in question. Thus:

• An inline style takes precedence over all other styles
• An embedded style (in the head of the document) takes precedence over an external stylesheet
• If more than one external stylesheet is referenced, the last one will take precedence

Anatomy of Style

     
     h1	{color: #900;
        }
     |     |
     |     declaration
     selector
                         

     .subHead	{font-size: 120%;
        	}
     |     		|
     |     		declaration
     class