CSS 外边距margin属性，及三种简写形式
外边距margin属性
CSS中的margin属性可以用来定义HTML元素的外边距，怎么理解这个外边距呢，可参照下方的这个图示：
内容一
内容二
如上，内容一和内容二之间的“缝隙”即为内容二的上外边距，左侧的空隙，即为内容二的左外边距。
设置元素外边距的三种简写语法
一个值
margin:value;
value为数值，表示的是上下左右的边框距离其它相邻元素的距离，而且距离值都为value。
两个值
margin:value1 value2
当margin只有两个值时，value1表示上下边框的外边距，value2为左右边框的外边距。
三个值
margin:value1 value2 value3
当margin只有三个值时，value1表示上边框的外边距，value2为左右边框的外边距，value3则表示下边框的外边距。
外边距margin属性实例代码，及在线编辑器
<div class='m1'>块一</div>
<div class='m2'>块二</div>
<style>
.m1{width:100%;height:30px;margin:5%;background-color:orange}
.m2{width:100%;height:30px;margin:5%;background-color:YellowGreen;}
</style>外边距margin属性值
| 值 | 描述 |
|---|---|
| len | 长度值，单位为px、pt、cm等 |
| 百分比 | 单位为%，长度是相对于元素宽度的百分比 |
| auto | 让浏览器自动计算外边距 |
| inherit | 从父元素继承外边距属性 |
提示：margin允许负值