21 de fev de 2014

Diferença entre Margin e Padding

Olá pessoal, como vocês estão? Eu, graças a Deus estou bem.
Hoje vou tirar suas dúvidas sobre as propriedades Margin e Padding.

As propriedades margin e padding parecem iguais, mas têm suas diferenças no html.
A definição é simples:

Margin: 

Determina a distância de um elemento para o outro. 
Um exemplo bem simples:
Separa a área da postagem da sidebar do blog.

margin: top, right, bottom, left.

margin: 10px 20px 30px 40px;

margin-top:10px; 
margin-right:20px;
margin-bottom:30px;
margin-left:40px;

Padding:

Determina as margens internas.  É a distância entre o conteúdo e a borda do elemento.
Um exemplo:
Determina a distância interna do título da postagem para o conteúdo da postagem.

padding: top, right, bottom, left.

padding:10px 20px 30px 40px;

padding-top:10px;
padding-right:20px;
padding-bottom:30px;
padding-left:40px;

2 comentários :

  1. faz um tutorial de como colocar efeito nos seguidores do blog??
    eu vi um blog que só passar o mouse em cima dos seguidores ele girava *--* amei mais procurei mais não achei tuto :/ será que pode fazer???

    ResponderExcluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo