margin: 20px 0 0;
As vezes você coloca - margein: 20px - para cima e para baixo | 0 - Para o lado esquerdo e para o lado direito.
Porque nesse exemplo foi colocado dessa forma: margin: 20px 0 0; não entendo qual é a diferença.
margin: 20px 0 0;
As vezes você coloca - margein: 20px - para cima e para baixo | 0 - Para o lado esquerdo e para o lado direito.
Porque nesse exemplo foi colocado dessa forma: margin: 20px 0 0; não entendo qual é a diferença.
hoje, com a Alura e o Google Gemini
Oi, Diego, tudo bem?
A forma declarada com mais de um valor, é quando queremos declarar múltiplos 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. A mesma lógica é seguida para padding.
Espero ter te ajudado!