概念：
層疊樣式表：同乙個樣式都作用於同乙個元素
設定網頁外觀
注意：如果同乙個樣式同時作用於同乙個元素，最終樣式決定於樣式的優先順序
css選擇器
可以使css樣式與元素進行分離
作用 減少**冗餘
方便後期維護
語法：選擇器
注意：符號都是英文的，符號必須寫
行間樣式
語法：《標籤名 style=」樣式屬性」>
內嵌式
語法 在head標籤中建立一對style標籤
在style標籤中建立選擇器
外鏈式
語法：
先在頁面外建立外部樣式表檔案（*.css）
再在頁面引入檔案：
注意：type屬性值可選擇，預設text/css
注意：什麼是選擇器：選擇器就是一種匹配模式，匹配那些需要新增樣式的元素
注意：選擇器最終選擇的就是元素（標籤），給匹配到的元素新增樣式
選擇器分類
基本選擇器
id選擇器
宣告：#id名稱
呼叫：《標籤名 id=」id名稱」>
注意：
# 表示使用的是id宣告的選擇器
id是唯一的，在呼叫的時候只能呼叫一次，可以宣告多次
呼叫時 id名稱前後不能有空格
同乙個元素不能同時呼叫多個id
類名選擇器
宣告：.類名
呼叫：《標籤名 class=」類名」>
注意：
. 表示使用的是class宣告的選擇器
呼叫過程中同乙個類名可以呼叫多次
同乙個元素可以同時呼叫多個類名，用空格隔開
標籤選擇器（元素選擇器）
語法：標籤名
匹配頁面中所有該標籤的元素
注意：標籤名只能是html中存在的標籤
通用選擇器
語法：*
注意：
*表示萬用字元，匹配頁面中所有的標籤（包括html，head，body）
通常不建議使用，在測試**時使用
會影響瀏覽器解析網頁速度
注意：不能匹配某個範圍內的元素，引入層級選擇器
層次選擇器
後代選擇器
語法：選擇器1 選擇器2 選擇器3
注意：
選擇器1，2，3都是由基本選擇器組成
匹配選擇器1下面的選擇器2下面的選擇器3
選擇器2是選擇器1的後輩元素
子選擇器
語法：選擇器1>選擇器2
匹配選擇器1的第一層子級元素
只匹配第一代兒子
並列選擇器
語法：選擇器1,選擇器2
注意：
匹配頁面中所有的選擇器1和選擇器2
多個元素設定相同屬性時用
交集選擇器
語法：選擇器1選擇器2 （中間沒空格）
注意：匹配同時含有選擇器1和選擇器2的元素
相鄰選擇器
語法：選擇器1+選擇器2
注意：匹配的是選擇器1 後面的第乙個兄弟選擇器2
兄弟選擇器
語法：選擇器1~選擇器2
注意：匹配的是選擇器1之後的所有兄弟選擇器2
注意：在屬性前面加乙個-（-屬性）表示過濾屬性，不解析這個屬性
1. css優先順序
引入css的三種方式：行內》內嵌=外鏈（內嵌、外鏈優先順序取決於哪乙個最後引入）
!important > 行內樣式 > id選擇器 > 類名選擇器 > 標籤選擇器
權值：
行內樣式： 1000
id選擇器： 100
類名選擇器：10
標籤選擇器：1
優先順序：比較權值大小
CSS學習筆記 選擇器
用過css的同志們都知道，選擇器是非常重要的，如果選擇器使用不當，即使你的css寫的再好，但是不知道要用在哪個元素上，這不是英雄無用武之地嗎？css，用過的都說好！最基本的選擇器，id選擇器，類選擇器這些大家早已心知肚明的就不在這裡贅述了，有那功夫趕緊研究一下把妹攻略 link，visited被稱為...
學習筆記 CSS選擇器
1 元素選擇器 1.id選擇器，2.類選擇器，3.標籤選擇器，4.萬用字元選擇器 2 關係選擇器 1.包含關係 e f e的所有f後代 2.子代選擇 e！important 內聯樣式 id 屬性 類 偽類 元素 偽元素 關係 萬用字元 繼承 瀏覽器預設屬性 內聯樣式 特殊性 1000 id 特殊性 ...
CSS學習筆記 選擇器
行內新增 內嵌新增 單獨檔案 link tab 標籤選擇器 h1 p 類別選擇器 class id選擇器 id 選擇器的巢狀,用空格 p span 集體申明，標籤用逗號連線 p,h1 全域性申明，固定寬度 960px 980px 1190px 1210px 流式布局 100 響應式布局 檢測裝置資訊...