Diferença entre margin e padding

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;