頁面構建，又叫靜態化（生成HTML），在頁面構建的過程中，我們應該注意以下方面：

1.文件型別

2.文件編碼

3.連結處理

4.圖片處理

5.CSS

6.JS指令碼

...

等等，當然，這裡小編列舉所有的內容也沒有意義，當然你也可以百度，google去看到這些所有內容，之所以沒有列出所有的內容，也是因為：

第一，像字典一樣的內容，就算一次性列完，小編覺得沒有遇到問題而單純的探索，那是geek的做法，小編也是做不到的

第二，這篇文章主要是來聊一聊頁面構建中非常重要的CSS選擇器這一部分

我想說，應該很多人都沒玩明白啥叫做CSS選擇器吧！！！

在CSS中，選擇器是一種模式，用於選擇需要新增樣式的元素

這是W3School對CSS選擇器的定義

http://www.w3school.com.cn/cssref/css_selectors.asp

說簡單點，就是這個：

是的，這就是一個基本的選擇器，選擇所有h1元素

那，其中的內容即是宣告：

那在宣告中內容，分別是屬性和值：

那這個標籤是什麼意思呢，也就是所有的h1標籤下的內容的字體系列都設定為verdana

CSS中主要包含以下幾類選擇器：

那接下來，我們分別看下這些選擇器長成什麼樣子：

基本選擇器

組合選擇器

屬性選擇器

偽類

偽元素

最後，這裡我們來說下最重要的優先順序計算方法，好好記住!

這裡我們借用前人總結使用的圖片資源，很清晰，也很容易記住!

最後我們記住：

1.內聯元素之間重疊的屬性值可以通過

!important

來指定最高的優先順序

2.萬用字元和:not(s)優先順序值為0

3.具有同樣優先順序的選擇器，按先後順序最後宣告的起作用

最後，我只想說，淚水矇蔽了我的雙眼！！！