1、層疊
瀏覽器預設樣式表
使用者樣式表
作者鏈結樣式表
作者嵌入樣式表
作者行內樣式表
2、計算方法
(1) 找到應用給每個元素和屬性的所有宣告
(2) 按照順序和權重排序：增加權重的方法——空格+!important
(3) 按照特制度排序：
特制度計算id—類—元素名
p (1) 多個宣告之間使用分號隔開
(2) 多個選擇符之間使用逗號隔開
(3) 組合的選擇符之間使用空格隔開
1、上下文選擇符
(1) 指定祖先
標籤1 標籤2
特殊的上下文選擇符：子選擇符——標籤1>標籤2
(2) 同胞選擇符
緊鄰的同胞選擇符+：標籤1+標籤2
一般通報選擇符～：標籤1～標籤2
(3) 通配選擇符
*：選擇所有
p * a：選擇p下除去子元素的a標籤
p *：選擇p下的所有元素
2、id和類選擇符
類(1) 類選擇符：.類名
(2) 標籤帶類選擇符： p.specialtext(選取帶有該類的段落)
(3) 再新增選擇符：p.specialtext span(帶有該類的段落下的span)
(4) 多類選擇符：.specialtext .featured
id(1) id屬性：#id
(2) 用於頁面導航的id
表示該鏈結的目標在當前頁面中；
如果沒有#，該鏈結將會載入bio目錄下的預設頁面；
如果只有#，該鏈結將會返回至頁面頂部。
3、屬性選擇符
(1) 標籤名[屬性名]
img[title]
(2) 標籤名[屬性名=「屬性值」]
img[title=」redflower」]
4、偽類
(1) ui偽類
a. 鏈結偽類 link visited hover active
b. focus
c. taget
(2) 結構化偽類
first-child last-child nth-child(3). 一類元素的哪乙個元素
5、偽元素
css3中偽元素使用::來表示，偽類使用:來表示
first-letter first-line before after. 乙個元素的某乙個部分
字型和文字的樣式可以繼承，寬度和邊距等元素不能繼承。
1、文字值
2、數字值
(1) 絕對值 px
(2) 相對值 ex em(em相對於字母m的寬度 ex相對於字母x的高度)
3、顏色值
(1) 顏色名
(2) 16進製制顏色：#開頭，兩兩同時可以簡寫。
(3) rgb(0,255,0)或百分比的形式
(4) hsl(0,0%,0%)
(5) alpha通道：1完全不透明 0完全透明
css3中的rgba
r：紅色值。正整數 | 百分數
g：綠色值。正整數 | 百分數
b：藍色值。正整數| 百分數
a：透明度。取值0~1之間
CSS選擇符 屬性選擇符
使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名，放在方括號裡 title css不限制屬性選擇符只能使用標籤名，也可以使用類。例如 photo title 用於選取類為photo，而且設定了ti...
CSS選擇符 型別選擇符
h1用於選取特定html標籤的選擇符，叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符，只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小，只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...
CSS 選擇符大全（常用css選擇符）
e 某個元素,如p id 使用id，如 idname class 使用class，如.myclass 萬用字元 包含選擇符 e f e所有的f包含子代，孫代，子子孫孫等等 子選擇符 e相鄰選擇符 e f 和e相鄰的f，相隔乙個都不算 兄弟選擇符 e f 和e同級的f的算 e att e中帶有某個at...