** margin **

外边距属性，允许使用负值。

用于设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

1. margin:10px 5px 15px 20px;
   上外边距是 10px
   右外边距是 5px
   下外边距是 15px
   左外边距是 20px
   即：上右下左

2. margin:10px 5px 15px;
   上外边距是:10px
   右外边距和左外边距是:5px
   下外边距是:15px
   即：上 右左 下

3. margin:10px 5px;
   上外边距和下外边距是 10px
   右外边距和左外边距是 5px
   即：上下 右左

4. margin:10px;
   所有 4 个外边距都是 10px

padding

设置所有内边距属性，不允许使用负值。

用于所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

1. padding:10px 5px 15px 20px;
   上内边距是 10px
   右内边距是 5px
   下内边距是 15px
   左内边距是 20px
   即：上右下左

2. padding:10px 5px 15px;
   上内边距是 10px
   右内边距和左内边距是 5px
   下内边距是 15px
   即：上 右左 下

3. padding:10px 5px;
   上内边距和下内边距是 10px
   右内边距和左内边距是 5px
   即：上下 右左

4. padding:10px;
   所有 4 个内边距都是 10px

援引自：博客