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

Padding, Margin, ordem dos valores.

Oi gente! é o seguinte, aprendemos que tanto padding como margin, por exempo, podem ser classificados como padding-right, padding-left, padding-buttom, etc... mas tenho observado que o professor tem sempre resumido da seguinte forma:

margin: 20px 0 0;
 padding: 40px 0;

minha pergunta é: como eu sei qual é a ordem que está sendo adotada? eu simplesmente tenho copiado os códigos e tá tudo ok, mas quando ele faz como nesses exemplos acima, eu não sei qual dos lados está ficando com 40px por exemplo, qual dos lados está com 0px... por aí vai.

Desde já, obrigada.

2 respostas
solução!

Oi Thays, tudo bem? Os valores podem ser declarados da seguinte forma:

margin: 10px; /* aplicado em todos os lados */
margin: 10px 5px; /* 10px na vertical (cima/baixo) e 5px na horizontal (esquerda/direita) */
margin: 10px 5px 2px; /* 10px no topo, 5px na horizontal (esquerda/direita) e 2px pra baixo */
margin: 10px 5px 5px 10px; /* 10px no topo, 5px na direita, 5px pra baixo e 10px pra esquerda */

A mesma ordem se aplica para o padding! Pensar como um relógio pode te ajustar bastante hahahah

Espero que tenha ajudado! =)

Ajudou muito Giovanna! já tomei nota! hehehe obrigada!! vou me lembrar no relógio! ;)