CSS Training Outline

A. Introduction

1. What is CSS, its benefits and what you can do with it. A discussion of web standards, usability and accessibility is also included

B. Basics of CSS

1. Anatomy of a CSS Rule

2. The Document Tree

C. Incorporating CSS into HTML

• 1. Class Selectors

• 2. ID Selectors

• 3. Descendent Selectors

• 4. Grouping Selectors

• 5. Types of Elements

• 6. The Display Property

• 7. The DIV Tag

• 8. The SPAN Tag

D. CSS Color

• 1. The Old HTML Way

• 2. The CSS Color Property

• 3. Color Units

• 4. Color Names

• 5. The Background-Color Property

• E. CSS Layout

• 1. Explaining the Box Model

• 2. The Width and Height Properties

• 3. Border Width (Examples)

• 4. Border Width (Syntax)

• 5. Border Color

• 6. Border Style (Examples)

• 7. Border Style (Syntax)

• 8. Margins

• 9. Padding

• 10. Element Positioning

• 11. Static Positioning Example

• 12. Relative Positioning Example

• 13. Absolute and Fixed Positioning Example

• 14. Offsets

• 15. Float Examples

• 16. Float Syntax

• 17. The Clear Property

• 18. Layered Presentation (Examples)

• 19. Layered Presentation (Syntax)

• 20. Overflow

• 21. Clipping

• 22. Visibility

F.CSS Background Properties

• 1. Background Images

• 2. Background Repetition

• 3. Background Attachment

• 4. Background Position

• 5. The Background Shorthand Property

G. CSS Typography

• 1. Font Family (Examples)

• 2. Font Family (Syntax)

• 3. Font Styles

• 4. Font Weight

• 5. Font Size

• 6. Line Height

• 7. Font Variants

• 8. The Shorthand Font Property

• 9. Indenting Text

• 10. Aligning Text

• 11. Text Decoration

• 12. Transforming Text

F. Links and Pseudo-Classes

G. Dealing With Bad Browsers

H. Accessibility - how to make your website accessible thru CSS

I. Troubleshooting - CSS hacks, IE glitches, using firefox web dev toolbar

J. Advanced CSS - specificity, etc and an FAQ session about web development

K. A portable web development office in your USB stick (all open source, and free!)