CIS 50.11C - Cascading Style Sheets
lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9/10 :: 11 :: 12 :: 13 :: 14/16 :: final
Link to live page :: link to live css file
Link to live page :: link to live css file
Live Page with external style sheet added
Live.css file including a multiple and contextual selector
Relative Font Sampler
Relative-Big Font Sampler
Relative-Small Font Sampler
Fixed Font Sampler
Fixed-Small Font Sampler
Text Vertical Alignment Sampler
Font-Face using local and Google fonts
Text Shaddow Sampler
Live Site with font and text properties applied.
Live.css file
The properties I included in the Live CSS file are the same as the ones Linda provided as an example: font-size; font-family; font-weight; font-variant; text-align; word-spacing; letter-spacing; text-decoration; and text-transform.
Live site with <div> tags colorized
Live site with box properties
Live.css file
Position-Static Sampler
Position-Relative Sampler
Position-Absolute Sampler
Position-Fixed Sampler
Border Radius Sampler
Box Shadow Sampler
Gradient Sampler
Multiple Background Sampler
2 Column Fixed Sampler
2 Column Fixed Right Sampler
2 Column Fluid Both Sampler
One Column Fluid Sampler
3 Column Fixed Sampler
3 column Fixed Faux Column Sampler
3 Column Fluid Sampler
3 Column Fluid Center Sampler
link to original design
link to design with div tags colorized, color kep of div tags, explanation of how they fit together.
css explained
images explained
modified design