Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Margin X Padding

Olá, bom dia!! Tudo bem? Desde o inicio eu venho com a duvida do uso de padding e margin. De iniciante mesmo. Acredito que seja a dúvida de muitos. Eu já entendi os conceitos de que são espaçamento interno e externo, respectivamente. E eu entendo ainda que tenha aquela questão também de que existe a borda entre o padding e o margin... Entretanto, em algum item que não tenha borda, ainda me confundo muito em quando usar qual propriedade. No sentido de: porque não usar um padding maior sem usar margin? Ou então usar também somente margin? Muito obrigada!

2 respostas
solução!

Margin serve criar espaço entre um elemento e outro, já o padding para criar espaço entre o conteúdo do elemento e sua borda.

Algumas vezes utilizando as duas aparentemente o resultado é o mesmo, mas existem comportamentos diferentes entre as duas propriedades. Por ex, se o elemento tiver background color, a cor será aplicada no padding mas não na margin; cálculos de largura constumam abranger o valor do padding; etc.

Obrigada, Rodrigo!!!!! Ajudou bastante, sobretudo por ter exemplificado.