Margin、Border、Padding属性的区别和联系
你对DIV+CSS中Margin属性、Border属性、Padding属性的区别和联系是否了解，这里和大家分享一下，希望本文介绍对你有所帮助。
Margin属性、Border属性、Padding属性三者的联系与区别
三个元素的含义：
Margin属性
检索或设置对象四边的外延边距。
如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边，例如：margin：1px 1px 1px 1px。
如果只提供一个，将用于全部的四边，例如：margin：1px。
如果提供两个，第一个用于上、下，第二个用于左、右，例如：margin：1px 1px。
如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。margin：1px 2px 1px；
margin是设置对象外边距外延边距离。
margin的值有三种情况，可以为正整数和负整数并加单位如PX像素（margin-left:20px）；
可以为auto自动属性(margin-left:auto 自动)；可以为百分比（%）值（margin-left:3%）。
Margin延伸（单独设置四边间距属性单词）
margin-left 对象左边外延边距 （margin-left:1px; 左边外延距离1px）
margin-right 对象右边外延边距 （margin-right:1px; 右边外延距离1px）
margin-top 对象上边外延边距 （margin-top:1px; 上边外延距离1px）
margin-bottom 对象下边外延边距 （margin-bottom:1px; 下边外延距离1px）
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
Border属性
内容的边框；border-color的默认值将采用文本颜色。要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
Padding属性
检索或设置对象四边的补丁边距。
如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边，例如：padding：1px 1px 1px 1px。
如果只提供一个，将用于全部的四边，例如：padding：1px。
如果提供两个，第一个用于上、下，第二个用于左、右，例如：padding：1px 1px。
如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。padding：1px 2px 1px；
padding-bottom 长度/百分比 元件下端边线的空隙
padding-left 长度/百分比 元件左端边线的空隙
padding-right 长度/百分比 元件右端边线的空隙
padding-top 长度/百分比 元件上端边线的空隙
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。不允许负值。
