CSS屬性：
2、BOX模型（BOX Model）屬性
什麼是BOX？CSS把HTML中以<somesign>……</somesign>的部分稱為BOX（容器），BOX有三類屬性：padding、margin和border。
Margin屬性：
Margin屬性分為margin-top、margin-right、margin-bottom、margin-left和margin五個屬性，分別表示BOX裡內容離邊框的距離，它的屬性值是數值單位，可以是長度、百分比或auto，margin甚至可以設為負值，造成BOX與BOX之間的重疊顯示，關於margin的屬性詳見下表：
屬性名稱: 'margin-top'、'margin-right'、'margin-bottom'、'margin-left'
屬性值: <margin-width>
初始值: 0
適合對象: 所有元素
是否繼承: no
百分比備忘: 相對於BOX的寬度
例如：
H1 { margin-top: 2em }
H2 { margin-right: 12.3% }
Margin還有一個快捷的書寫方法，就是直接用margin屬性，例如：
BODY { margin: 1em 2em 3em 2em}
等同於：
BODY {
margin-top:1em;
margin-right:2em;
margin-bottom:3em;
margin-left:2em;
}
margin屬性後面可以有四個值，中間用空格隔開（記住不是逗號），順序是"上右下左"，當然margin後面可以不足四個值，例如：
BODY { margin: 2em } /* 所有的margin都設為2em */
BODY { margin: 1em 2em } /* 上下margin為1em，右左margin為2em */
BODY { margin: 1em 2em 3em } /* 上margin為1em，右左margin為2em，下margin為3em*/
Padding屬性：
Padding屬性用來描述BOX的邊框和內容之間插入多少空間，和margin屬性類似，它也分為上右下左和一個捷徑padding，關於padding的屬性詳見下表：
屬性名稱: 'padding-top'、'padding-right'、'padding-bottom'、'padding-left' 、'padding'
屬性值: <padding-width>
初始值: 0
適合對象: 所有元素
是否繼承: no
百分比備忘: 相對於BOX的寬度
例如：
BLOCKQUOTE { padding-top: 0.3em }
padding屬性和margin類似此處略去。
Border屬性：
平時我們在查看HTML文檔時，看到一段文字，並不會把它當作一個BOX，實際上BOX是有邊框的，只是平時不顯示出來罷了，而border屬性就是用來描述BOX邊框的。Border屬性分為border-width、border-color和border-style，而這些屬性下面又有分支。
第 1 2 頁
