← Ruta· Lección 3 de 9
Box model y espaciado
Content, padding, border, margin y box-sizing.
TODO i18n: Traducción completa del cuerpo pendiente. Título y descripción ya están localizados; el cuerpo permanece en portugués por ahora.
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.