提示：背景應(yīng)用于由內(nèi)容和內(nèi)邊距、邊框組成的區(qū)域。
?1）padding 屬性定義元素的內(nèi)邊距 ??（屬性接受長度值或百分比值）
???????????CSS padding 屬性定義元素邊框與元素內(nèi)容之間的空白區(qū)域 ????
? ? ? ? ? ?padding-top
? ? ? ? ? ?padding-right
? ? ? ? ? ?padding-bottom
? ? ? ? ? ?padding-left
綜合寫法? ?padding
?2）Border ?屬性定義元素的邊框（寬度、樣式，以及顏色）
???????????CSS 規(guī)范指出，邊框繪制在“元素的背景之上”
????????????????border-width ??寬度
????????????????border-style ???樣式
? ? ? ? ? ? ? ? border-color ???顏色
????????????????borde-radius ???圓角： ???
注釋：邊框樣式none ?則邊框?qū)挾纫簿蜎]有必須要聲明樣式
特殊：?outset 3D凸邊 ????transparent??透明邊框
?3）margin 屬性 ???設(shè)置外邊框
????????????設(shè)置外邊距最簡單方法是使用margin 屬性，屬性接受任何長度單位、百分?jǐn)?shù)值甚至負(fù)值
????????????margin: 0 auto; // 使該元素?平
????????????外邊距合并指的是，當(dāng)兩個垂直外邊距相遇時，它們將形成一個外邊距。
? ? ? ? ? ?合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。
? ? ? ? ? ?解決方案：給?元素設(shè)置overflow: hiddde
4）盒模型的分類
????????????標(biāo)準(zhǔn)盒模型(w3c標(biāo)準(zhǔn)盒模型)
????????????content = width + height
????????????怪異盒模型(IE盒模型)
????????????content = width + height + padding + border
