頁面構建,又叫靜態化(生成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.具有同樣優先級的選擇器,按先後順序最後聲明的起作用
最後,我只想說,淚水矇蔽了我的雙眼!!!