盒子模型：兩種
標(biāo)準(zhǔn)盒模型下盒子的大小 = content + border + padding + margin
怪異（IE）盒模型下盒子的大小=width（content + border + padding） + margin
HTML文件頭的<!DOCTYPE HTML>（Doctype文檔類型）聲明瀏覽器用標(biāo)準(zhǔn)盒子模型解析
*相鄰盒子的相鄰?fù)膺吘鄷?huì)重疊而不是疊加（只計(jì)算大的外邊距）
*box-sizing:border-box；指定該屬性后瀏覽器會(huì)根據(jù)設(shè)定的寬高減去內(nèi)外邊距邊框智能計(jì)算寬高。content = width -?border - padding - margin
display 屬性規(guī)定元素應(yīng)該生成的框的類型
塊級(jí)元素，占一行
<P>,<div,<h1>~<h6>,<ul>,<li>,<ol>,<dl>,<dt>,<dl>等
行內(nèi)元素（內(nèi)聯(lián)元素），在一行顯示，占滿一行才會(huì)在下行顯示
<span>,<em>,<a>等
*替換元素，瀏覽器根據(jù)其標(biāo)簽的元素與屬性來(lái)判斷顯示的具體內(nèi)容
<img>,<input.<textarea>等
背景樣式
background-color: ; background-image: ; 包含內(nèi)邊距和邊框，不包含外邊距；背景圖片覆蓋背景顏色
*邊框顏色默認(rèn)和內(nèi)容字體顏色一樣
background-position 設(shè)置背景圖像的起始位置（根據(jù)所在容器），第一個(gè)個(gè)值水平位置，第二個(gè)值垂直位置，只寫一個(gè)第二個(gè)默認(rèn)居中（可寫百分比、具體數(shù)值、top，right，left，bottom，center）
background-attachment 背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)? ? ? fixed固定? scroll滾動(dòng)
background 簡(jiǎn)寫，后面的屬性不分先后順序，用空格分隔
列表樣式
list-style-type 列表項(xiàng)目標(biāo)記類型（圓點(diǎn)，正方形...）
list-style-position?列表項(xiàng)目標(biāo)的位置；inside第二行文本縮進(jìn) |? outside第二行文本不相對(duì)項(xiàng)目標(biāo)記縮進(jìn)
list-style-image 用圖片設(shè)置列表項(xiàng)目標(biāo)記
list-style 簡(jiǎn)寫，后面的屬性不分先后順序，用空格分隔；list-style-image覆蓋list-style-type
