CSS TUTORIAL : Boxes

Sample of the pdf document : 

When your browser displays an element, the element takes up space. There are four parts to the space that it takes up.

In the middle, there is the space that the element needs to display its content. Around that, there is padding. Around that, there is aborder. Around that, there is a margin that separates the element from other elements.

The padding, border and margin can have different sizes on the top, right, bottom and left of the element. Any or all of these sizes can be zero.

Coloring:

The padding is always the same color as the element's background. So when you set the background color, you see the color applied to the element itself and its padding. The margin is always transparent........

   Click here for  Download PDF / FREE