Diferença entre margin e padding Postado por:Mr. Staz Data: 4 de nov. de 2012 Ás:19:55

Descrição:

Bom galera nesse tutorial eu vou explica um pouco sobre a diferença entre margin e padding,não e dificil de se entender basta prestar atenção.

Margin: A distancia do objeto em relação a outro objeto ou a uma margem.
Padding: Determina as margens internas de um objeto,por exemplo o padding do corpo da postagem vai determinar as margens do conteudo da postagem em relação a borda.

Os tipos de margin e padding são:Left,Right,Top e Bottom

Margin-left:XXpx;

Margin-right:XXpx;
Margin-top:XXpx;
Margin-bottom:XXpx;

Padding-left:XXpx;
Padding-right:XXpx;
Padding-top:XXpx;
Padding-bottom:XXpx;

que tambem pode ser representado da seguinte forma

Margin:XXpx XXpx XXpx XXpx;
ou

Padding:XXpx XXpx XXpx XXpx;

O primeiro valor equivale a margin ou o padding com relação a altura.
O segundo valor equivale a margin ou o padding com relação a direita do objeto.
O terceiro valor equivale a margin ou ao padding com relação a parte de baixo do objeto.
O quarto valor equivale a margin ou ao padding com relação a esquerda do objeto.

outra forma de colocar margin e padding e estabelecendo apenas um valor por exemplo

Margin:5px;
Padding:5px;

fazendo isso seria o mesmo que colocar

Margin: 5px 5px 5px 5px;
Padding: 5px 5px 5px 5px;