Margin

margin

所有HTML元素可以看做盒子，术语是CSS盒子模型 Box Model在CSS中，盒模型用来设计HTML元素的一些属性的。以下图片说明一个HTML元素包含元素内容content在内，所有部分。

关于网页开发可以查看CSS|菜鸟教程，亲身体验还蛮有用的，不管有HTML+CSS+JS，还有其它知识点。

margin值的设置方式

首先是赋给margin的值的类型分为，
px(pixel)，像素
pt(point)，印刷厂的常用单位 磅，等于1/72英寸
em，相对长度单位，EM百度百科默认是1em=16px，如果父级元素设置了大小，如父级size=18px，则子级size=2em，就等于size=18px*2。

百分比赋值

是相对与父元素的width设置，不论是margin-top，margin-left。

四个方向单独赋值

margin-top;
margin-right;
margin-bottom;
margin-left;

对margin直接赋值

margin:0px; /*margin-top, margin-right, margin-bottom, margin-left:0px*/
margin:0px 5px; /*margin-top, margin-bottom:0px; margin-right, margin-left:5px*/
margin:0px 5px 10px; /*margin-top:0px; margin-right:5px; margin-bottom:10px; margin-left:5px*/
margin:0px 5px 10px 15px; /*margin-top:0px; margin-right:5px; margin-bottom:10px; margin-left:15px*/

可以注意到，赋值方式是从top部分开始逆时针，两个值和三个值比较特殊，由top，right决定。