Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

padding vs margin

Olá, tentando refazer o site, me apareceu uma dúvida:

Por exemplo, na section relacionada ao "sobre a barbearia", temos o Css

.sobre {
    padding: 3em 0;
    width: 940px;
    margin: 0 auto;
}

Porém, por quê não usar

.sobre {
    width: 940px;
    margin: 3em auto;
}

A primeira opção é para fins didáticos e mostrar diferentes propriedades?

Pois no segundo exemplo também existem"respiros" em relação aos outros elementos da página. E se fosse para dar um afastamento da própria margem, por quê então não se usou no primeiro exemplo o padding horizontal e não apenas vertical?

1 resposta
solução!

Fala ai Bruno, tudo bem? Vamos lá:

A primeira opção é para fins didáticos e mostrar diferentes propriedades?

Existe uma diferença entre padding e margin, basicamente é a forma que será dado o espaço.

  • padding: O espaçamento será interno.
  • margin: O espaçamento será externo.

Nesse exemplo, acho que essa section tem um background não? Se sim, por isso que foi usado padding, para que haja um espaçamento interno e o conteúdo não fique colado nas extremidades do fundo.

Pois no segundo exemplo também existem"respiros" em relação aos outros elementos da página. E se fosse para dar um afastamento da própria margem, por quê então não se usou no primeiro exemplo o padding horizontal e não apenas vertical?

Acredito que nesse exemplo não precisa dar espaçamento nas laterias (direita e esquerda) porque o conteúdo está centralizado com margin: auto 0.

Espero ter ajudado.