Como estavam ensinando sobre o reset css, não era melhor ter colado o box sizzing: border box dentro do *{ } ao invez do body?
Como estavam ensinando sobre o reset css, não era melhor ter colado o box sizzing: border box dentro do *{ } ao invez do body?
Oi Douglas, tudo bem?
Ótima pergunta! Na verdade, tanto colocar o box-sizing: border-box
dentro do seletor *
quanto no body
são abordagens válidas. A escolha vai depender do contexto e das preferências pessoais.
Ao colocar o box-sizing: border-box
dentro do seletor *
, você está aplicando essa regra a todos os elementos da página. Isso significa que todos os elementos, incluindo as margens e bordas, serão considerados no cálculo do tamanho total do elemento. Essa pode ser uma abordagem mais abrangente, que pode ser útil se você quiser que todos os elementos tenham o mesmo comportamento de dimensionamento.
Por outro lado, ao colocar o box-sizing: border-box
dentro do seletor body
, você está aplicando essa regra apenas ao elemento body
e seus filhos diretos. Isso pode ser útil se você quiser que apenas o conteúdo dentro do body
tenha esse comportamento de dimensionamento.
Ambas as abordagens são válidas e funcionam bem. A escolha entre elas vai depender do seu projeto e das suas preferências pessoais. O importante é entender o conceito do box-sizing
e como ele afeta o dimensionamento dos elementos.
Espero ter ajudado.
Um abraço e bons estudos.