Lesson 4: CSS Positioning

Outline

  1. Review Padding, Margin, Background, Border, Width, Height
  2. divs and spans to create non-semantic elements
  3. The natural flow of a page
  4. Floats and Clear
  5. Code an 8×8 black and red checkboard
  6. Absolute, Relative and Fixed Positioning (z-index)
  7. View source and Inspector

Floats and Class example from class

layout

Positioning example

Positioning demo from class
Link here

Links


 
f
{ July 24, 2013    4 Day 3 / Lessons   
b

Leave a Reply