1
resposta

Estilização do CSS.

Olá, boa noite. Tenho uma duvida em relação a mudanças no css que envolvem px, por exemplo:

tag { margin: 0 0 20px; padding: 10px 25px; }

O primeiro e o segundo 0 é em que direção? O 20px é em relação a que? Porque em alguns caso tenho que colocar referencia de 3 pontos e as vezes é só 2 como aparece no exemplo acima? Quando é usado auto?

Desde já agradeço a atenção.

1 resposta

Olá,

a ordem é: top, right, bottom, left

Sugiro a leitura sobre o box model e box sizing para entender o tema.

https://cursos.alura.com.br/extra/alura-mais/box-model-e-box-sizing-c1025

https://www.alura.com.br/artigos/entendendo-como-funciona-box-model-e-o-box-sizing