Difference between revisions of "Cascade Style Sheets"
| Line 44: | Line 44: | ||
[[Basic Page Layout]] | [[Basic Page Layout]] | ||
== Tips creating styles == | |||
To eliminate the difference between user agents always zero out margins and padding on all elements. | |||
Example: | |||
<pre>* {margin:0; padding:0;}</pre> | |||
== Helpful links == | == Helpful links == | ||
Revision as of 14:41, 20 May 2008
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
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