css+div

div+css是web設計標準，它是一種網頁布局方法。它可以實現網頁頁麵內容與表現分離。

css是層疊樣式表（Cascading Style Sheets）的縮寫，用於定義HTML元素的顯示形式。

樣式規則：由一個選擇器後跟一個聲明塊組成。聲明塊是一個大容器，由大括號中間的部分組成，聲明塊中間的空間會被忽略。

舉例如下：

#m_category{
    width:200px;
    float :left ;
}

下麵說一說什麼是選擇器：

元素選擇器：語法格式：元素{color: blue;}

類選擇期：語法格式： .類名{屬性: 值;}

ID選擇器：#id名 {屬性 : 值；} ID名不能重複

通配符選擇器：語法格式：*{屬性:值;}

偽類選擇器：

偽類選擇器可以以不同方式格式化超級鏈接<a>元素的四種不同狀態：以下順序依次寫；（記憶方法：a Love or Hate）

a:link 是用在未訪問的鏈接的選擇器

a:visited 是用在已訪問過的鏈接的選擇器

a:hover 是用在鼠標光標放在其上的鏈接的選擇器

a:active 是用在獲得焦點（比如，被點擊）的鏈接的選擇器

如果需要，我們可以組合這幾個狀態，按順序寫：

a:link，a:visited { color :blue;}

a:hover ，a:active { color :blue;}

偽元素選擇器

標準的選擇器不能格式化一個元素內容的第一個字母或者第一行，而偽元素選擇器能實現：

所有瀏覽器支持的有兩種：：first-line和：first-letter

例：段落的第一行：p：first-line {屬性：值；}

例：段落的第一個字母：p：first-letter {屬性：值；}

下麵說一說CSS優先級，即CSS樣式在瀏覽器中被解析的先後順序。

優先級順序為：內聯樣式(inline style) > ID選擇符 > 類選擇符(class), 偽類(pseudo-class)和屬*(attribute)選擇符 > 類別(type)，偽對象(pseudo-element)

這樣做有什麼優勢呢？

1、精簡的代碼，使用DIV+CSS布局，頁麵代碼精簡。

2、提高訪問速度，增減用戶體驗性

3、很容易被搜索引擎搜索島。降低網頁大小，讓網頁體積變得更小。

最後更新：2017-04-03 06:03:06