Solucionado
Olá, gente! Alguém poderia explicar qual é a lógica que o professor usa na hora de colocar os valores nessas propriedades? Porque eu pesquisei e a ordem de declaração das margens e dos espaçamentos são: superior, direita, inferior e esquerda.
Por que o professor escreve assim?
padding: 40px 0;
margin: 20px 0 40px;Não deveria ter sempre quatro valores?
Olá, Rickelmy, funciona assim:
A ordem de declaração das margens é: superior, direita, inferior e esquerda:
Há quatro maneiras de se declarar abreviadamente as margens:
margin: valor1 --> as 4 margens terão valor1;
margin: valor1 valor2; --> margem superior e inferior terão valor1 - margem direita e esquerda terão valor2
margin: valor1 valor2 valor3; --> margem superior terá valor1 - margem direita e esquerda terão valor2 - margem inferior terá valor3
margin: valor1 valor2 valor3 valor4; --> margens superior, direita, inferior e esquerda nesta ordem.
Exemplos:
Espero ter ajudado. Bons estudos!
Olá! Estas são formas de diminuir o tamanho do nosso código. Por exemplo, quando declaramos:
padding: 40px 20pxO primeiro valor será atribuído para o padding-top e padding-bottom, enquanto o segundo valor será atribuído para o padding-left e padding-right.
Já quando declaramos 3 valores, como no exemplo:
margin: 20px 0 40px;O primeiro valor será atribuído para o padding-top, o segundo para padding-left e padding-right, e o terceiro para padding-bottom.
Entendi. Muito obrigado, pessoal!