← Trilha· Lição 3 de 9
Box model e espaçamento
Content, padding, border, margin e box-sizing.
Todo elemento é uma caixa. De dentro para fora:
- content — o conteúdo
- padding — espaço interno
- border — borda
- margin — espaço externo
box-sizing: border-box
Com border-box, width inclui padding e border. Isso deixa layouts previsíveis. Muitos resets começam assim — veja o snippet Reset mínimo.
Pratique no exemplo Box model.