Fiz o teste usando padding e margin e o resultado é o mesmo. Mas pq é utilizado margin ao invés do padding nessa situação? Ou tanto faz?
Fiz o teste usando padding e margin e o resultado é o mesmo. Mas pq é utilizado margin ao invés do padding nessa situação? Ou tanto faz?
Oi Veronica, tudo bem ?
Margin é o espaçamento esterno do objeto.
Imagina uma caixa com um campo de força, ai você digita "margin: 50px" e o campo de força aumenta 50 vezes .
Já o padding é o espaçamento interno da caixa.
Agora a caixa não tem um campo de força, mas ela tem uma esponja dentro dela. Se você digitar "padding:20px", a esponja vai ficar 20px menor porque ela vai se comprimir na caixa.
Tenta usar o border: 2px solid red; no CSS para você ver a diferença.