Como você calcula a largura e o preenchimento no CSS?
As propriedades de largura e altura incluem o conteúdo, mas não inclui o preenchimento, a borda ou a margem. Por exemplo, .Caixa largura: 350px; Border: 10px Solid Black; Renderiza uma caixa com 370px de largura. Aqui, as dimensões do elemento são calculadas como: largura = largura do conteúdo e altura = altura do conteúdo.
Por que preencher o design é importante?
Adicione espaço entre fronteiras e conteúdo.
Usar o preenchimento para adicionar espaço entre o conteúdo e sua borda correspondente é uma maneira de garantir que o design alinhe com outros elementos na página. Fazer isso pode ajudá -lo a aumentar o espaço em branco do seu gráfico ou site, o que é fundamental no web design.