1
resposta

CSS Margin

Pessoal, Existe alguma diferença real nas configurações de margem abaixo?

margin: 0 0 10px;
margin-bottom: 10px; 

Ambos estão setando o margin bottom, eu vejo que a diferença é somente o 'estilo' de programação.

1 resposta

Oi, Leticia, tudo bem?

A primeira forma, é quando queremos declarar multipos valores para margin, por exemplo:

margin: 10px 20px 5px 2px;

Acima, falamos, colaca margin de 10px no top, 20px no right, 5px no bottom e 2px no left, dessa forma deixamos o nosso código css menos verboso, caso fosse:

.container{
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 2px;
}

Se você tiver 2, 3 valores de margin ou padding, a forma reduzida é indicada, caso tenha 1 valor, a forma mais declarada é melhor.

Espero ter te ajudado!