CSS Primer

You might also want to look at the HTML Primer. This is not a complete list of CSS rules and effects.

CSS Basics

CSS Cascade -- a slideshow that explains how the browser decides which rules to apply.

Use this tutorial to get a good handle on CSS selectors: Selectutorial: CSS selectors.

Backgrounds

These properties

• background-color
• background-image
• background-repeat
• background-attachment
• background-position
• background (all in one shortcut)

Modern browsers support multiple background image declarations:

• CSS3 Background Images

Borders

• border-width
• border-style
• border-color
• border (all in one shorthand)

Lists

• list-style-type
• list-style-position
• list-style-image

References

• Creating a horizontal menu
• Listutorial
• Listamatic and Listamatic2

Positioning

Absolute, Relative, Fixed

• position

Floats

• clear
• float

References

• CSS Positioning 101
• CSS Floats 101
• CSS Positioning
• 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)