CSS Layout
Building blocks
black level elements
<h1>, <p>, <ul>, <li>
inline elements
<img>, <b>, <i>
containing elements
<div>, <body>
Normal flow
- every block level element starts a new line
Relative positioning
- moves elements to the top, left, right, or bottom wof where it would have been in normal flow. other elements do not move around it
Absolute positioning
- positions element to the containing element and moves when user scrolls
Fixed positioning
- positions element in relation to the browser window
floating elements
- able to move element where ever on the page and turns in into a block level element that other elements can go next to it