盒子模型也叫框模型：
盒子的大小由 內(nèi)容區(qū)和內(nèi)邊距和邊框來(lái)決定的蜗侈。
盒子的大小=內(nèi)容區(qū)+內(nèi)邊距+邊框的寬度
內(nèi)容區(qū)胞此，內(nèi)邊距恶迈，邊框涩金，外邊距。
border：設(shè)置邊框的寬度暇仲，是實(shí)心線步做。
dotted：是點(diǎn)狀虛線。
dashed：是虛線奈附。
double：是雙線全度。
border-color:設(shè)置邊框的顏色。
border-width:設(shè)置邊框的寬度斥滤。
none:表示沒(méi)有邊框将鸵。
內(nèi)邊距：padding
padding-top; padding-left; padding-right; padding-bttom.
外邊距：margin
margin-top; margin-left; margin-right; margin-bttom.
auto：是放到最大的邊距。
設(shè)置外邊距要注意? 會(huì)重疊佑颇。
子元素和父元素重疊顶掉，子元素的外邊距會(huì)傳遞給父元素。
給子元素一個(gè)外邊距挑胸，父元素也會(huì)執(zhí)行這個(gè)外邊距痒筒。
解決方案：設(shè)一個(gè)邊框和設(shè)置一個(gè)內(nèi)邊距和overflow(溢出)：hidden會(huì)解決這些問(wèn)題。
兄弟之間的外邊距重疊茬贵，會(huì)取他倆外邊距的最大值簿透。
瀏覽器的默認(rèn)樣式：
清除瀏覽器的默認(rèn)樣式
*{
margin：0；
padding：0解藻；
}
內(nèi)聯(lián)元素的盒模型：
內(nèi)聯(lián)元素不能設(shè)置寬和高老充，設(shè)置了也不好使。
左右水平方向的可以設(shè)置寬和高螟左，都好使蚂维。
垂直方向可以設(shè)置寬和高戳粒，但是不好使，會(huì)覆蓋別的盒子虫啥。垂直的會(huì)影響布局蔚约。
內(nèi)聯(lián)元素不能設(shè)置寬高，設(shè)了也不好使涂籽，只能設(shè)置左右水平方向和邊框苹祟。
