Oi Israel, tudo bem ?
Há várias formas de utilizar o margin
, O uso da propriedade margin
com as especificações left
, right
, bottom
, ou top
é plausível. Contudo, a forma mais utilizada pela comunidade desenvolvedora é a genérica, ou seja, sem especificações, como mostrado abaixo:
Quando um valor é especificado, a mesma margem é aplicada para todos os quatro lados.
Exemplo: margin: 1em;
Quando dois valores são especificados, a primeira margem é aplicada aos lados superior e inferior, e a segunda aos lados esquerdo e direito.
Exemplo: margin: 5% 10%;
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.
Exemplo: margin: 10px 50px 20px;
Quando quatro valores são especificados, as margens são aplicadas aos lados superior, direito, inferior e esquerdo, nesta ordem (sentido horário).
Exemplo: margin: 10px 50px 20px 20px;
Sinta-se à vontade para utilizar a forma que for mais confortável para você!
Caso tenha interesse em aprender mais sobre o assunto, deixo abaixo alguns link´s que explicam mais sobre o assunto:
Espero ter ajudado. Caso tenha mais dúvidas com relação a este tópico, estarei à disposição.
Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor marcar como solução! ✓.