Module 1 - Overview, Basic Tools
Introduction
What is CSS?
Why use it?
Authoring CSS - what can you use?
Links for Authoring CSS
What is XHTML, Quick review of XHTML
Anatomy of a tag and of a CSS rule
Document Hierarchy
Module 2 - How CSS Works
Inline
Embedded
Linked
Divs and Spans
Using Contextual Selectors
Classes and IDs
Universal Selector
Pseudo classes
The cascade
Module 3 - Formatting Text & Lists
Working with font collections
Font Properties
Text Properties
Sizing Text (working with numerical values)
Lists
Bringing it together
Module 4 - Understanding the Box Model, Position & Tables
Box Model Overview
Border
Padding and Margin
Margin Vertical Collapse
How big is the box?
Position Property
Working with Absolute and Relative (part 1, more complex header)
Working with Absolute and Relative (part 2, caption treatment)
Styling Tables
Module 5 - Understanding Floats & Multi-Column Layouts
Intro to Floats
More on Floats
Overflow
Clear
Display
Simple 2 column layout
Simple 3 column layout
Simple 3 column layout with Header
Simple 3 column layout with Floats
Module 6 - Working with Images
Background Images
Styling Images with CSS
Creating Rollover Image Links using CSS
Styling a Photo Gallery
Module 7 - CSS Menus
Vertical layout
Vertical Menu variations
Horizontal Layout
Drop Down Menu - part 1
Drop Down Menu - part 2
Module 8 - Forms, CSS for Print & Handhelds
Forms - part 1
Forms - part 2
Print Styles - part 1
Print Styles - part 2
Designing for Handhelds, introduction
Designing for handhelds
Module 9 - Good Workflow and Fixes
Good workflow practices
Debugging
IE fix for positioning
Conditional Comments
IE fix for overflow:hidden
IE fix for multi column layouts using positioning
IE fix for drop down nav
Other common IE Hacks & the Double Margin Bug
CSS Links and Resources
Module 10 - Bonus Material
Vertical menu fly outs
Sliding Image Panels
Rounded box corners
CSS Tooltip
Image Popup Gallery
