CSS Primer
From Dreamwidth Notes
Revision as of 21:32, 23 April 2011 by Foxfirefey (Talk | contribs)
You might also want to look at the HTML Primer. This is not a complete list of CSS rules and effects.
Contents
CSS Basics
Selectors
Classes and IDs
Chaining together
Direct descendants
Backgrounds
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background (all in one shortcut)
Borders
- border-width
- border-style
- border-color
- border (all in one shorthand)
Lists
References
Positioning
Absolute, Relative, Fixed
Floats
References
- Step by step tutorial on floats
- CSS Float Theory: Things You Should Know
- Absolute vs. Relative - Explaining CSS Positioning
- Absolute positioning inside relative positioning
- CSS Layout
Block versus inline display
- display --
You can make a span display like a block element, or a div display like an inline element, with this rule
References
- CSS3 Litmus -- which browsers support what CSS3 attributes (note: does not include FF4)