CSS Practice Page

Box Model Basics

All elements are like nesting boxes. Each has capacity for interior space (padding), a containing perimeter (the box), and exterior spacial relationships to other elements (margin).

Display Types

I'm a paragraph, natively "block level."

Below is an img tag, natively "inline":

Floats

• List Item 1
• List Item 2
• List Item 3
• List Item 4
• List Item 5
• List Item 6

Four Position Types

Static, Relative, Absolute, Fixed