Difference between revisions of "CSS Primer"
From Dreamwidth Notes
Foxfirefey (Talk | contribs) |
Foxfirefey (Talk | contribs) m |
||
| Line 13: | Line 13: | ||
== Backgrounds == | == Backgrounds == | ||
| − | + | * [http://www.w3schools.com/css/pr_background-color.asp background-color] | |
| − | + | * [http://www.w3schools.com/css/pr_background-image.asp background-image] | |
| − | + | * [http://www.w3schools.com/css/pr_background-repeat.asp background-repeat] | |
| − | + | * [http://www.w3schools.com/css/pr_background-attachment.asp background-attachment] | |
| − | + | * [http://www.w3schools.com/css/pr_background-position.asp background-position] | |
| − | + | * [http://www.w3schools.com/css/css_background.asp background] (all in one shortcut) | |
== Borders == | == Borders == | ||
| − | + | * [http://www.w3schools.com/css/pr_border-width.asp border-width] | |
| − | + | * [http://www.w3schools.com/css/pr_border-style.asp border-style] | |
| − | + | * [http://www.w3schools.com/css/pr_border-color.asp border-color] | |
| − | + | * [http://www.w3schools.com/css/css_border.asp border] (all in one shorthand) | |
== Lists == | == Lists == | ||
| − | + | * [http://www.w3schools.com/css/pr_list-style-type.asp list-style-type] | |
| − | + | * [http://www.w3schools.com/css/pr_list-style-position.asp list-style-position] | |
| − | + | * [http://www.w3schools.com/css/pr_list-style-image.asp list-style-image] | |
=== References === | === References === | ||
Revision as of 21:30, 23 April 2011
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
References
- CSS3 Litmus -- which browsers support what CSS3 attributes (note: does not include FF4)
