CSS margin 属性
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
 
这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。
注释:允许使用负值。
 
例子1:
margin:10px 5px 15px 20px;
表示: 上边距 10
               右边距  5
                下边距 15
               左边距 20
 
例子2:
margin:10px 5px;
表示:上,下边距:10
             左,右边距:5
 
例子3:
margin:10px;
表示:所有边距都是10
 
以上所有表示,外边距单位都是像素,当然也可以使用其他单位。
 
首先,可以使用 auto,表示该方向外边距由浏览器计算;
其次,可以使用绝对单位,例如上面例子里面的px,也可以用cm
再次:可以用%+数字,表示基于父元素宽度的百分比的外边距
最后,可以用 inherit ,表示该属性完全由父元素继承。
 
 
 
CSS padding 属性
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
注释:不允许使用负值。
该属性的值的设置方法与Margin完全相同