css：層疊樣式表（cascading style sheets）
語法結構
選擇器行內樣式：標籤內
在標籤內使用style屬性進行設定
內部樣式表：style標籤內
在style標籤內通過選擇器設定
在css檔案內通過選擇器設定
href 檔案路徑；rel 使用外部樣式表；type 檔案型別
注意：css選擇器:就對頁面控制項進行選擇的工具，對頁面中與該選擇去匹配的控制項 進行設定匯入css檔案有兩種方式：鏈結式和匯入式
鏈結屬於xhtml，@import屬於css2.1
使用鏈結的css檔案先載入到網頁中，再進行編譯顯示。
使用@import匯入的css檔案，客戶端顯示html結構，再把css檔案載入到網頁當中。
@import 是屬於css2.1獨有的，對於不相容css2.1的瀏覽器來說是無效的。
優先順序：id選擇器 > 類選擇器 > 標籤選擇器 > 萬用字元
標籤選擇器
以html標籤命名的，只針對於該名稱的標籤起作用
h1類選擇器
針對於標籤名不同但是用於相同樣式的控制項
.classname
必須通過控制項的 class 屬性 進行引用
如果乙個控制項要同時 擁有多個類樣式，直接以空格 隔開
.font
.bg哈哈哈
最終看到的是 ：字型顏色為 blue
id選擇器
針對的是控制項id相同的元素，通常只應用於乙個控制項；如果 僅僅需要某乙個控制項 採用改樣式 盡量使用 id 選擇器
#idname
必須通過控制項的 id 屬性進行引入，有且只能使用乙個
屬性選擇器件說明
p[attr]
當標籤p屬性 id有設定時，即
[ attr = 「val」]
當標籤p屬性 id有設定時，且
[attr^ = 「val」]
以val開頭的
[attr$ = 「val」]
以val結尾的
[ attr ～= 「val「]
當標籤p多個屬性有設定時，且有任意乙個屬性值為val，即
p[id]
p[class]
國破山河在，城春草木深。
感時花濺淚，恨別鳥驚心。
烽火連三月，家書抵萬金。
測試
後代選擇器
巢狀多層的話，這樣可以方便找到，清楚
外層標籤 內層標籤
且【內層標籤可以是外層標籤的子標籤、孫標籤】（即不一定為親兒子）
.div_big
.div_big .div02
我是div
我是div02
子集選擇器???[測試沒用？]
標籤一》標籤二
【標籤元素的第一代子元素】
.div0 > ul
list item
list item
list item
第乙個必須為標籤選擇器，第二個為類選擇器或id選擇器
即 p.txt 或 p#test
之間無空格
標籤一標籤二【系統所找到的標籤必須滿足：既有標籤一的特點，也有標籤二的特點。才會變成該標籤的樣式】
div.txt
我是交集選擇器
我是測試一
我是測試二
並集選擇器
標籤一,標籤二,標籤三,…
【所有的滿足標籤1，或者滿足標籤2的標籤。就會變成該標籤的樣式】
div,p,.h_class,#id_css兄弟選擇器
標籤一+標籤二
【標籤二緊接在標籤一後面，且標籤一和標籤二有共同父標籤，此時標籤二改變為選擇器樣式】
div +.p0
我是測試一
我是測試二
我是兄弟選擇器
*設定偽類順序 a:link->a:visited->a:hover->a:active
a:link：未單擊時的樣式
a:visited：單擊後的樣式
a:hover：滑鼠懸浮時的樣式
a:active：滑鼠單擊時的樣式
選擇的文件塊中的部分：
: : first-line 選擇文件塊中的第一行
: : first-letter 選擇文件塊的首字母
: : before 在選中元素的內容之前插入內容
: : after 在選中元素的內容之後插入內容
# p:hover:after 意思為 當滑鼠指到p標籤上後，p標籤後面插入content中的內容
pp:hover:after
測試
屬性名含義
font-family
字型型別
font-size
字型大小
font-style
字型風格
font-weight
字型粗細
font
在乙個宣告中設定所有字型屬性
文字屬性：
屬性含義
color
文字顏色
text-align
元素對齊方式
text-indent
首行文字縮排
line-height
文字行高
text-decoration
文字裝飾
背景：屬性
含義background-color
背景顏色
background-image
背景影象
background-repeat
背景重複方式
background-position
背景定位
列表樣式：
屬性含義
list-style-type
none(無標記符號) disc(實心圓)
看文件學爬蟲 3 CSS選擇器
什麼是css選擇器 一種快速定位元素的方法 css選擇器的基本用法 用法示例 說明 解釋 選擇所有元素 class.intro 解釋 選擇所有class intro 的元素 id firstname 解釋 選擇所有id firstname 的元素 elementp 解釋 選擇所有 p 元素 not ...
前端 css 選擇器
css 為了修飾頁面作用,讓頁面好看 css的引入方式 1,行內樣式 body裡面 2,內接樣式 在html裡面的 style 裡面 3,外接樣式 兩種 鏈結式 匯入式 優先順序 行內優先順序 最高 內接的優先順序 外接優先順序 引入 id 的優先順序 比 class 的優先順序要高 標籤選擇器 d...
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...