Download the PDF  
 

Workshop 3

CSS: Stylesheet for Wikipedia
January 31, 2013
 
 

Using selectors and CSS specificity

css-selectors.html

Box Model

css-box-model.html

Positioning

css-positioning.html

Basic Layout

css-layout-floats.html

Common CSS Properties

(taken from CSS Cheat Sheet)

Text

• color
• text-align
• text-decoration
• text-transform
• line-height
• letter-spacing

Fonts

• font-family
• font-size
• font-style
• font-weight

Backgrounds

• background-color
• background-image
• background-repeat
• background-position

Lists

• list-style-type

Box Model

• padding
• border
• border-color
• border-style
• margin

Positioning

• position
• float
• clear
• display (inline vs. block)
• top
• right
• bottom
• left
• height
• width
• z-index

Trying out your style

http://jsfiddle.net/BxwHF/

External Reference

For beginners & general reference

• CSS Positioning 101
• CSS Floats 101
• Beginner's Guide: Box-Model & Positioning
• CSS Cheat Sheet
• DocHub

More advanced

• Advanced Guide: Detailed CSS Positioning
• Elements of Typographic Style Applied to the Web
• CSS Gradient Editor
• CSS3 Generator