?盒子模型的概念：
所謂盒子模型就是把HTML頁面中的元素看做是一個矩形的盒子，也就是一個裝內(nèi)容的容器盾碗。每個矩形都由元素的內(nèi)容舀瓢、內(nèi)邊距、邊框和外邊框組成。
一個盒子占據(jù)的區(qū)域：
邊框（border）+內(nèi)邊距（padding）+內(nèi)容區(qū)域（weight和height）+外邊距（margin）
背景色可以穿透邊框
結(jié)論：
網(wǎng)頁就是多個盒子嵌套排列的結(jié)果朵锣。
內(nèi)邊距出現(xiàn)在內(nèi)容區(qū)域的周圍诚些，當(dāng)給元素添加背景色或背景圖像時，該元素的背景色或背景圖像也出現(xiàn)在內(nèi)邊距中诬烹。
外邊距是該元素與相鄰元素之間的距離绞吁。
如果給元素定義邊框?qū)傩曰８瘢吙驅(qū)⒊霈F(xiàn)在內(nèi)邊距與外邊距之間。
ie6盒模型bug：
背景色不能穿透邊框（需保證DOTYPE為HTML5的標(biāo)準(zhǔn)）
邊框設(shè)置：
邊框的妙用：
border: 0 none;????去掉默認(rèn)邊框汰聋，兼容所有瀏覽器
用border實線繪制圣誕樹
內(nèi)邊距的使用：
padding合寫：上?右?下?左順序。背景色可穿透內(nèi)邊距
