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

Ainda não entendi muito bem a diferença prática entre "padding" e "margin".

Fazendo alguns testes, vi que, visualmente, o efeito causado por padding e margin é o mesmo. Então me veio a dúvida, como saber quando usar um ao invés do outro, na prática ? Como vou saber se o que eu quero altera é o espaço interno ou o externo se os dois dão o mesmo resultado visual ?

Desde já, deixo meus agradecimentos !

2 respostas
solução!

Como vai, Iure?

De forma simplificada: o padding é quando você quer afastar elementos-filho das bordas do elemento-pai, enquanto o margin é ideal para quando você quer afastar o elemento de outro elemento.

Então essa é uma boa maneira de decidir o que você precisa usar: pense na borda do elemento que vai receber a propriedade, o espaçamento que você precisa é para afastar os elementos que estão do lado de dentro da borda, ou do lado de fora?

Se for do lado de dentro, use o padding. Se for do lado de fora, o margin.

Aqui uma representação visual do explicado acima. Na representação, as propriedades estão sendo adicionadas no quadrado branco esquerdo.

Qualquer coisa é só avisar!

Entendi! Muito obrigado, Leo.