? ? CSS是層疊樣式表.作用來定義網(wǎng)頁的顯示效果。簡單一句話：CSS將網(wǎng)頁內(nèi)容和顯示樣式進(jìn)行分離，提高了顯示功能。CSS可以更加精細(xì)的控制網(wǎng)頁的內(nèi)容形式。

? ? 一.CSS的三種樣式：

? ? 行內(nèi)樣式表、內(nèi)部樣式表、外部引入樣式表。

? ? 優(yōu)先級：行內(nèi)樣式 > 內(nèi)部樣式 > 外部引入樣式

? ? 二.大多數(shù)塊元素都有這兩個(gè)屬性

? ? id屬性：用來作為頁面中某個(gè)元素的唯一標(biāo)識

? ? class屬性：用來指定頁面中的元素屬于某一類（可以是不同標(biāo)記的元素）

? ? 選擇器名稱 { 屬性名：屬性值；屬性名：屬性值；…….}

? ? 三.基本選擇器：

? ? 標(biāo)簽選擇器：p { font-size:2em; }

? ? 類選擇器：.info { background:#ff0; }

? ? ID選擇器： #info { background:#ff0; }

? ? 組合選擇器：(或) ul,li,a{color:red;}

? ? 關(guān)聯(lián)選擇器：(與) ul li{background: #000;}

? ? 偽類選擇器：a:link{} 沒有訪問之前 a:visited{} 訪問后 a:hover{} 鼠標(biāo)點(diǎn)擊之后 a:active{} 點(diǎn)擊超鏈接時(shí)的狀態(tài)

? ? margin:布局外邊距

? ? padding:布局內(nèi)邊距

? ? 四.關(guān)聯(lián)選擇器(類似于and關(guān)系)

? ? 標(biāo)簽是可以嵌套的，要讓相同標(biāo)簽中的不同標(biāo)簽顯示不同樣式，就可以用此選擇，例：

? ? p { color:#00FF00;}

? ? p b { color:#FF000;}

? ? 五.css布局模型

? ? 清楚了CSS 盒模型的基本概念、 盒模型類型， 我們就可以深入探討網(wǎng)頁布局的基本模型了。布局模型與盒模型一樣都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基礎(chǔ)之上，又不同于我們常說的 CSS 布局樣式或 CSS 布局模板。如果說布局模型是本，那么 CSS 布局模板就是末了，是外在的表現(xiàn)形式。

? ? CSS包含3種基本的布局模型，用英文概括為：Flow、Layer 和 Float。