細說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%。