terça-feira, 15 de setembro de 2015

Diferença entre atributos CSS margin e padding

Olá galera, essa é uma dúvida para muitos que trabalham com CSS, mas explicarei a diferença para vocês entre um e outro.

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