6_常見樣式-margin

　　首先，margin這個簡寫屬性設置一個元素全部外邊距的寬度，或者設置各邊上外邊距的寬度。
塊級元素的垂直相鄰外邊距會合並，而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合並。一樣地，浮動元素的外邊距也不會合並。

　　注意，容許指定負的外邊距值，不過使用時要當心。

　　Margin的值是數字+html單位，同時也能夠爲auto（自動、自適應,auto只有水平方向，沒有垂直方向。）

margin-left:5px; 左邊外延距離5px  對象左邊外延邊距
margin-right:5px; 右邊外延距離5px 對象右邊外延邊距 
margin-top:5px; 上邊外延距離5px 對象上邊外延邊距 
margin-bottom:5px; 下邊外延距離5px 對象下邊外延邊距

margin-left: auto; (元素在父級中居右顯示)
margin-right: auto;(元素在父級中居左顯示)
margin: 0 auto; (元素在父級中水平居中顯示)

　　多值寫法:
       　　 兩個值 (上下) (左右)
        　　三個值 (上) (左右) (下)
       　　 四個值 (上) (右) (下) (左)

 

　　margin和padding的區別 ：
        　　1. margin在元素的邊框之外，padding在元素的邊框以裏
        　　2.margin區域不顯示元素的背景，padding顯示元素的背景
        　　3. margin一般用來給兩個同級元素加距離，padding用來添加元素和它內容之間的距離   

　　margin的兩個特性:

　　　　margin 疊加
        　　　　　　兩個相鄰元素的上下margin是疊加在一塊兒的，兩個元素之間的距離，以大的爲準    

　　　　margin傳遞
        　　　　　　元素的上下margin，會傳遞給父級