细说css中margin属性的使用
首先我们先来看一下盒模型，盒模型包括内容，填充（padding），边框（border），外边框（margin）四部分组成。而margin就是其中的外边框属性，他还有一个很有意思的地方就是，虽然盒子是由这四部分组成的，但盒子的大小并不包括margin的大小。这这也就意味着它的特殊性。margin可以用来同时指定box的四边外边距。
其中内容盒、内边距盒、边框盒的背景由background属性决定，而外边距盒的背景是透明的。
一.margin属性的值代表的含义
margin的默认值为0，并且margin支持负值，而且margin 可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。
1.如果属性margin有四个值，那么值将按照上-右-下-左的顺序作用于四边。
2.如果属性margin有三个值，那么值将按照上-左右-下的顺序作用于四边。
3.如果属性margin有两个值，那么值将按照上下-左右的顺序作用于四边。
4.如果属性margin只有一个值，那么此值将作用于四边。
二.使用margin设置居中
设置左右居中，只有这一种办法。
三.使用margin属性，将盒子上下左右的其他盒子向其所在盒子的方向移动
/*margin-left:50px; 数值增大，右移动；数值减小，左移动； margin-right是把它右边的元素往右边推； margin-top: 50px;margin-bottom是把它下面的元素往下面推；与margin-right同理。*/
四.margin属性的单位
margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。
百分数是相对于父元素的 width 计算的。
p {margin : 10%;}
百分数是相对于父元素的 width 计算的。上面这个例子为 p 元素设置的外边距是其父元素的 width 的 10%。