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

Margin

Na última aula onde editamos as margens do nosso menu no artigo, o professor utilizou: margin: 0 0 0 15px; para darmos um espaçamento à esquerda de 15 pixels para da um dos menus que tínhamos, teria algum motivo para não utilizar simplesmente margin-left: 15px? Quando fiz essa alteração e abri a ferramenta de desenvolvedor da página pude ver que o espaçamento funcionou da mesma maneira. Só fiquei curioso se existiria algum motivo pela escolhe diferente da escrita.

3 respostas

Oi, Kevyn, tudo bem?

A primeira forma, margin: 0 0 0 15px; é quando queremos declarar multipos valores para margin, por exemplo:

margin: 10px 20px 5px 2px;

Acima, falamos, colaca margin de 10px no top, 20px no right, 5px no bottom e 2px no left, dessa forma deixamos o nosso código css menos verboso, caso fosse:

.container{
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 2px;
}

Se você tiver 2, 3 valores de margin ou padding, a forma reduzida é indicada, caso tenha 1 valor, a forma mais declarada é melhor, no caso margin-left: 15px.

Espero ter te ajudado!

Ei Lais, muito obrigado por responder novamente, entendi perfeitamente, imaginei que poderia ser algo do tipo mas quis checar só para ter certeza! Uma última dúvida ainda a respeito do que você disse. Você comentou do código ficar menos verbos, em questão do quanto isso se traduz em lentidão ao se carregar uma página, existe alguma relação? O fato de usar mais linhas para executar um comando que poderia ser feito em uma única linha impacta diretamente no desempenho do código ou é algo quase que irrelevante nesse sentido?

solução!

Oi, Kevyn!

O excesso de verbosidade traz poluição ao código, ficando mais extenso sem necessidade trazendo uma dificuldade a mais na manutenção. Por isso, que essas propriedades que podem trazer mais de um valor podem nos auxiliar bastante.