Exercícios

box model

Em web design cada elemento é uma caixa rectangular.

A largura da caixa é calculada somando os valores das propriedades:
width + padding-left + padding-right + border-left + border-right

e a altura:
height + padding-top + padding-bottom + border-top + border-bottom.

A propriedade margin é única porque não afecta o tamanho da caixa, mas interfere na forma como esta interage com os restantes elementos da página.