Difference between revisions of "Cascade Style Sheets"
| Line 37: | Line 37: | ||
[[Styling Fonts and Text]] | [[Styling Fonts and Text]] | ||
== Positioning Elements == | == Positioning Elements aka ''The Box'' == | ||
[[Positioning Elements]] | [[Positioning Elements]] | ||
Revision as of 20:00, 3 April 2009
Cascade Style Sheets (CSS)
A CSS is made up of two parts: the selector and declaration. The selector states which tag the rule applies. The declaration stats what happens when the rule is applied.
The declaration is made up of two elements: a property and value. A declaration must end with a semicolon.
Multiple declarations can be contained in a single rule.
Multiple selectors can be contained in a single rule. A comma must be used after each selector except the last.
h1, h2, h3 {color:red; font-weight:bold;}
Multiple rules can be applied to the same selector.
h1, h2, h3 {color:red; font-weight:bold;}
h3 {font-style:italic;}
Selectors
Adding Styles to Web pages
Psuedo Elements and Classes
Cascade and Rule Declarations
Styling Fonts and Text
Positioning Elements aka The Box
Basic Page Layout
Tips creating styles
To eliminate the difference between user agents always zero out margins and padding on all elements.
Example:
* {margin:0; padding:0;}
Helpful links
Cascading Style Sheets home page
Cascading Style Sheets Current Work
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
Cascading Style Sheets, level 2 CSS2 Specification
Cascading Style Sheets, level 1 CSS1 Specification