CSS 外边距，div与div间距设置基础之css margin DIV CSS margin外边距外补白边距样式属性
margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。Margin呈现是位于对象边框外侧，紧贴于边框，marign与padding位置却相反css padding却是紧贴边框位于边框内侧。
一、margin基础语法与结构 - TOP
DIV CSS外边距指CSS属性单词margin，margin是设置对象四边的外延边距，没有背景颜色也无颜色。
1、margin语法
Margin:10px
Margin的值是数字+html单位，同时也可以为auto（自动、自适应）
2、应用结构
Div{margin:10px}
设置div对象四边间距为10px
3、Margin说明
margin是设置对象外边距外延边距离。
margin的值有三种情况，可以为正整数和负整数并加单位如PX像素（margin-left:20px）；可以为auto自动属性(margin-left:auto 自动)；可以为百分比（%）值（margin-left:3%）。
Margin延伸（单独设置四边间距属性单词）
margin-left 对象左边外延边距 （margin-left:5px; 左边外延距离5px）
margin-right 对象右边外延边距 （margin-right:5px; 右边外延距离5px）
margin-top 对象上边外延边距 （margin-top:5px; 上边外延距离5px）
margin-bottom 对象下边外延边距 （margin-bottom:5px; 下边外延距离5px）
常见margin使用场景 濠电偞鍨堕幐鎼佀囬柆宥呮槬鐎广儱顦粈鍌炴倵閿濆骸浜濋柣鎺戞健閺屻劌鈽夐搹顐㈩伓闂備胶枪缁绘劙鎮ч幘姹団偓鍌烆敃閿曗偓缁€鍡涙煥閻曞倹瀚�闂備焦瀵х粙鎴﹀嫉椤掑倻鐜婚柟閭﹀枓閸嬫挾鎲撮崟顓犵暤闂侀潧娲らˇ鐢稿箖椤曗偓椤㈡洟顢楅崒婊庢Х濠电偛鐡ㄧ划鐘诲礂濞戞氨绠旈柕蹇嬪€曢悿顕€鏌涢埄鍐炬畼闁告ɑ妫冮弻銊モ槈濡粯鎷遍柣搴㈡皑閸嬫挸顕ラ崟顐僵妞ゆ帒顦伴埢鍏肩箾閹寸偞灏ㄩ柛瀣尵缁辨捇宕橀埡浣轰桓婵犫拃宥咁洭濞存粍鎮傞弫鎾绘晸閿燂拷