CSS中margin和padding的区别

CSS中margin和padding的区别如下：
1、定义方面的区别：
边界(margin)：元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。
padding称为内边距，其判断的依据即边框离内容正文的距离，官方说法叫补白(padding)：补白位于元素框的边界与内容区之间。很自然，用于影响这个区域的属性是padding。
2、功能方面：

margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。
3、效果方面：
margin用于布局分开元素使元素与元素互不相干；padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“呼吸距离”。

padding定义和用法

　　padding 简写属性在一个声明中设置所有内边距属性。

说明

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

　　注释：不允许使用负值。

margin定义和用法

　　margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

　　这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

　　块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

　　注释：允许使用负值。

margin是确定边框外部周围的空间大小，padding是确定边框内部周围的空间大小都是用单位px表示。