Os atributos de CSS margin e padding, embora em algumas ocasiões possam se comportar de maneira parecida na prática, são muito diferentes.
Margin é a margem que há desde um elemento até os que tiverem ao lado.
Padding é o espaço que há em um container entre o conteúdo e as bordas do container.
Ou seja, ao especificar uma margin estamos definindo um espaço entre uma camada e as camadas texto, imagens ou outros conteúdos que tiver aos lados.
Ao especificar um padding em uma camada, por exemplo, estamos definindo o espaço que há entre a borda da camada e o que tiver dentro.
Vamos ver um exemplo de Margin:
Podem ver que o margin, ele da o espaçamento entre o fundo preto (externo) e o quadrado laranja.
Vamos ver um exemplo de Padding:
Podem ver que o padding, ele da o espaçamento interno do texto dentro do quadrado laranja.
Bom galera, espero que tenham gostado, até o próximo post.
Nenhum comentário:
Postar um comentário