Modelo de Caixas

O termo caixa é utilizado no contexto de design e layout. Caixas são retângulos a serem exibidos (na tela ou impressos) que consistem de margens, bordas, espaçamentos (padding) e conteúdo.

Todos os elementos (X)HTML podem ser estilizados como caixas. Isso possibilita colocar bordas nesses elementos e espaçá-los de maneira uniforme, criando um layout geral para o documento.

Para você entender melhor, veja um exemplo na Figura 1. Os retângulos azuis são alguns exemplos de caixas que compõem esse documento (X)HTML.