Time for a CSSiesta

It's time to add to our CSS knowledge. One fundamental item is the box model. This dictates how elements (which are rectangles) are displayed on a web page. There are four layers.

• content This is the stuff you are displaying
• padding This is clear space around the content and inside of the border
• border This is the er.... border.
• margin This is clear space outside of the border.

These things can be explored in the browser tools under Elements. Click on an element and you can see its box model properties.

To learn about the box model, there is a project on the specs page.