AIM Class5

---

Class Goals

1. Introduce more advanced CSS concepts
2. Have students experiment in class with advanced CSS

---

Introduction to positioning, float and clear in CSS

Questions about reading from chapters 10 and 11?

Review of the box model

Relative Positioning

Review of document flow

Absolute Positioning

Absolute vs. relative: the pros and cons

Examples

Example code walkthrough

Fixed Positioning

Definition and example

Pros and cons

Example code walkthrough

Z-index

Overlapping elements (intentional and accidental)

Examples

Example code walkthrough

Homework

Reading

ZEN: Chapter 2 (pages 78-83), Chapter 3 (pages 85-121)