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

Margin de outra forma

Gostaria de saber se no ".copyright" , se eu colocasse "margin-top: 20px;" ao invés de "margin: 20px 0 0;" teria algum problema ou se estaria errado.

Este:

.copyright {
    color: #FFFFFF; 
    font-size: 13px;
    margin-top: 20px;
}

Ao invés deste:

.copyright {
    color: #FFFFFF; 
    font-size: 13px;
    margin: 20px 0 0;
}
2 respostas
solução!

Olá Filipe Trigueiro.

As duas formas estão corretas, e nesse caso funcionam igualmente.

/////

Caso você queira mudar o espaçamento da margem, lembre-se:

Nesse caso você altera todas as 4 margens:

.copyright {
        margin: 20px;
}

Quando você especifica dois valores, a primeira margem é aplicada na parte superior e inferior (↕), e a segunda aos lados esquerdo e direito(↔) :

.copyright {
        margin: 20px 10px;
}

Quando três valores são especificados, a primeira margem é aplicada ao topo (↑), a segunda aos lados esquerdo e direito (↔), e a terceira ao lado inferior (↓).

.copyright {
        margin: 20px 10px 15px 40px;
}

Quando quatro valores são especificados, as margens são aplicadas aos lados superior (↑), direito (→), inferior (↓) e esquerdo (←), nesta ordem.

.copyright {
        margin: 20px 10px 15px;
}

Você também pode usar outras declarações como:

.copyright {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 15px;
        margin-bottom: 25px;
}

Todas essas declarações funcionam, cabe a você avaliar qual a mais útil no seu caso.

Um abraço, e bons estudos. ✍(◔◡◔)

Explicação sensacional! Muito obrigado!