margin与padding

关键字：width  ；height  ；background .

1、  margin与padding方向顺序分别是上；右；下；左。  例如下：

（margin-top   10px；表示上外边距为10像素；margin-right   10px；表示右外边距为10像素；margin-bottom  10px；表示下外边距为10像素；margin-left   10px；表示左外边距为10像素；）（padding设置四个方向的值的定义与margin相同！）

2、  margin要实现居中则用到auto功能 ， 例如下

（margin：0   auto；实现左右居中）

注意：“css只支持auto进行左右居中，但是不支持auto进行上下居中（如：margin：auto  auto；不能实现上下居中）”

3、外边距存在重叠效果。在竖直方向时，当两个元素的外边距重叠在一起时，两者的距离并不是margin之和，而是取重叠中margin最大值的哪一个！

4、padding是透明的，就是说padding区域的颜色是盒子的背景颜色。又或者说盒子的背景颜色铺到盒子的内边框里！