Em dois momentos no programa foi usado o margin , em um dos casos apenas dois elementos cima/baixo e esquerda/direta (0 auto) e no outro 4 elementos topo, esq,fundo e direta ( 0 0 0 15px). Foquei sem entender direto! Abs
.caixa{
position: relative;
width: 940px;
margin: 0 auto;
}
nav {
position: absolute;
top: 110px;
right: 0;
}
nav li{
display: inline;
margin: 0 0 0 15px;
}
Olá, Estudante.
Tudo bem?
O margin: 0 auto; foi utilizado na classe .caixa para centralizar ela, zero para cima e para baixo e automatico para esquerda e direita.
Já o margin: 0 0 0 15px; foi utilizado na nav li dessa forma aplica a margem à esquerda:
margin: 0⬆ 0➡ 0⬇ 15px⬅
Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.
Ok, o que não entendi o porquê/como/quando usar , o margin entende que qdo coloco apenas 2 valores é para cima/baixo e esq/direita ? E qdo coloco 4 valores é para cima, lado,baixo e lado? É sempre assim ? Abs
Imagina que você precisa centralizar uma <div>, nesse caso você utiliza o margin com dois valores para dar uma espaçamento para cima e para baixo por exemplo 50px e o margin auto para definir os valores das laterais como automático:
margin: 50px auto;Ou seja quando você já sabe que vai ter margens diferentes.
Agora coisa simples, tipo quando quiser a margem só de um lado ou só para cima ou para baixo, é melhor utilizar, margin-left, margin-right, margin-top ou margin-bottom.