Cascade Style Sheets
Cascade Style Sheets (CSS)[edit | edit source]
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[edit | edit source]
Adding Styles to Web pages[edit | edit source]
Psuedo Elements and Classes[edit | edit source]
Cascade and Rule Declarations[edit | edit source]
Styling Fonts and Text[edit | edit source]
Positioning Elements aka The Box[edit | edit source]
Basic Page Layout[edit | edit source]
Tips creating styles[edit | edit source]
To eliminate the difference between user agents always zero out margins and padding on all elements.
Example:
* {margin:0; padding:0;}
Helpful links[edit | edit source]
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
Interesting CSS resources[edit | edit source]
SVG on the Web A Practical Guide
Viewport Units vm vh vmin vmax
Animate SVGs with CSS blog led me to Animate SVG with CSS