CSS 外边距和内边距

CSS margin(外边距)

margin(外边距)属性定义元素周围的空间。

margin属性接受任何长度单位、百分数值甚至负值。

margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。

margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。

margin可以使用负值，重叠的内容。

可能的值：

auto ：设置浏览器边距，这样做的结果会依赖于浏览器

http://www.iis7.com/a/lm/gjcpmcx/

length：定义一个固定的margin（使用像素，pt，em等）

% ：定义一个使用百分比的边距

为了缩短代码，有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性，所有边距属性的简写属性是 margin :

margin：在一个声明中设置所有外边距属性。

margin-bottom：设置元素的下外边距。

margin-left：设置元素的左外边距。

margin-right：设置元素的右外边距。

margin-top：设置元素的上外边距。

margin：属性可以有一到四个值：(边距是顺时针旋转：上右下左)

margin值为四个值时：

上距离

右距离

下距离

左距离

margin值为三个值时：

上距离

左右距离

下距离

margin值为两个值时：

上下距离

左右距离

margin值为一个值时：

上下左右都距离

。。。。。。

CSS padding（填充）

Padding（填充）属性定义元素边框与元素内容之间的空间。

当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。

单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用，一旦改变一切都改变。

length：定义一个固定的填充(像素, pt, em,等)

%：使用百分比值定义一个填充

padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。

为了缩短代码，它可以在一个属性中指定的所有填充属性，这就是所谓的简写属性。所有的填充属性的简写属性是 padding :

padding：使用简写属性设置在一个声明中的所有填充属性

padding-bottom：设置元素的底部填充

padding-left：设置元素的左部填充

padding-right：设置元素的右部填充

padding-top：设置元素的顶部填充

padding：属性可以有一到四个值：(边距是顺时针旋转：上右下左)

padding值为四个值时：

上填充

右填充

下填充

左填充

padding值为三个值时：

上填充

左右填充

下填充

padding值为两个值时：

上下填

左右填

padding值为一个值时：

上下左右都填充

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/31552074/viewspace-2215845/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/31552074/viewspace-2215845/