CSS for Developers

Introduction
Welcome
Using the exercise files
What is CSS
What do you need?

1. CSS Quick Start (17:15)
Exploring a simple document
Using an external style sheet
Creating your base styles
Examining a completely styled page

2. CSS Status (08:21)
Understanding the three levels of CSS
Exploring the limitations of CSS
Browser support

3. Using CSS (22:21)
Examining the three ways to apply style
Using the style attribute
Using the style tag
Using an external style sheet
Using the div tag to style block-level code
Using the span tag to style inline-level code

4. CSS Syntax (49:37)
Understanding the parts of a style
Using comments and white space
Formatting statements
Selecting code with class selectors and ID selectors
Selecting behaviors with pseudo-selectors
Using descendant and attribute selectors
Understanding units and values
Understanding the content box model
Using the content box model with Internet Explorer

5. Formatting Text (19:33)
Choosing fonts
Changing text size
Modifying font attributes

6. Formatting Images (04:57)
Creating and formatting image borders
Wrapping text around images

7. Using Color and Backgrounds (09:57)
Using color properties and values
Using background color and images

8. Creating Borders (15:51)
Using the border property
Modifying border styles
Using CSS level 3 border extensions

9. Formatting Links (23:03)
Formatting links using pseudo-selectors
Using text decoration to show links
Formatting links with sprites and unordered lists

10. Positioning (18:37)
Positioning content using absolute positioning
Understanding the position: Relative property
Positioning content using the float property
Using fixed positioning
Layering content by adjusting the z-index

11. Case Study (30:20)
Touring the finished site
Creating the contact button
Creating the menu buttons
Creating the column layout
Exploring a more complex example of sprites

12. CSS Best Practices (13:04)
Printing with CSS
Supporting separate style sheets for different browsers
Best practices

Conclusion (00:36)
Goodbye