margin屬性用於設定外邊距。 設定外邊距會在元素之間建立「空白」， 這段空白通常不能放置其他內容。
margin-top:上外邊距
margin-right:右外邊距
margin-bottom:下外邊距
margin-left:上外邊距
margin:上外邊距 右外邊距 下外邊距 左外邊
取值順序跟內邊距相同。
外邊距實現盒子居中
可以讓乙個盒子實現水平居中，需要滿足一下兩個條件：
1.必須是塊級元素。
2.盒子必須指定了寬度（width）
然後就給左右的外邊距都設定為auto，就可使塊級元素水平居中。
實際工作中常用這種方式進行網頁布局，示例**如下：
實際工作中常用這種方式進行網頁布局，示例**如下：1.文字水平居中是text-align: center
2.盒子水平居中左右margin改為 auto
text-align: center; /* 文字居中水平 */
margin: 10px auto; /* 盒子水平居中 左右margin 改為 auto 就闊以了 */
4.背景我們一般用於小圖示背景或者超大背景
section img
aside
為了方便控制網頁中的元素，製作網頁時，可使用如下**清除元素的缺省內外邊距：
*行內元素是只有左右外邊距的，是沒有上下外邊距的。 內邊距，在ie6等低版本瀏覽器也會有問題。
我們盡量不要給行內元素指定上下的內外邊距就好了。
外邊距合併
使用margin定義塊元素的垂直外邊距時，可能會出現外邊距的合併。
相鄰塊元素垂直外邊距的合併
盒子模型 外邊距
外邊距 margin 外邊距不會影響盒子可見框的大小 但是外邊距會影響盒子的位置 一共有四個方向的外邊距 margin top 上外邊距，設定乙個正值，元素會向下移動 margin right 預設情況下設定margin right不會產生任何效果 margin bottom 下外邊距，設定乙個正值...
盒子模型外邊距
初始化網頁元素 網頁中所有元素的內外邊距都為0 盒子水平居中 左右外邊距設定為auto。前提條件 有width。margin 0 auto 1.給相鄰兩個盒子都設定了margin時，垂直方向外邊距取兩者中的最大值 合併解決 只給乙個盒子外邊距 box1 box22.塌陷 巢狀的兩個盒子都設定了mar...
CSS盒子模型之邊框，內外邊距詳解
css盒子模型 css盒子模型 由 邊框 border，外邊距 margin 內邊距 padding 和實際內容組成 1 邊框 border border 1px solid black 第乙個引數1px指的是邊框的粗細，第二個引數solid指的是邊框的樣式 實線 第三個引數指的是邊框的顏色 bor...