css選擇器
樣例css樣式有三種引入方式：外部樣式，內部樣式，內聯樣式
就是將樣式直接寫在標籤的的style屬性裡，優先順序最高。
但是可讀性和**復用程度最差。
style
="color
: red
">
內聯p>
>
pstyle
>
rel=
"stylesheet"
href
="url"
>
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
可以在三個不同的位置設定元素的樣式屬性title
>
rel=
"stylesheet"
href
="">
>
pstyle
>
head
>
>
>
乙個用來展示設定樣式的演示p
>
style
="color
:red
">
乙個用來展示設定樣式的演示p
>
body
>
html
>
簡單來說，選擇器就是選擇標籤用的。
標籤選擇器會選擇所有這個標籤的元素
如下是乙個p標籤選擇器，它會渲染頁面上所有的p元素
p
id選擇器只會選擇指定id的元素，以#開頭後跟id的值
#redsample
類選擇器會選擇乙個類的元素（元素的類由class屬性的值決定），.後跟類名，最為常用。
.bluesample
[colorsample=greensample]
分為後代選擇器、子元素選擇器、兄弟選擇器。
後代選擇器
在某類元素的所有後代中再進行選擇
p strong
不同於後代選擇器，只選擇子代
p > strong
在與某類元素是並列關係的相鄰元素中進行選擇，注意是相鄰
p + strong
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
選擇器樣例title
>
>
/* 普通選擇器p{} */
p/* 派生選擇器p strong{} */
p strong
/* id選擇器#id{} */
#redsample
/* 類選擇器.item{} */
.bluesample
/* 屬性選擇器[property=a]{} */
[colorsample=greensample]
style
>
head
>
>
>
普通選擇器p
>
>
>
派生選擇器strong
>
p>
"redsample"
>
id選擇器p
>
class
="bluesample"
>
類選擇器p
>
colorsample
=greensample
>
屬性選擇器p
>
body
>
html
>
css引入方式和標籤選擇器
1 行內式 即直接在標籤元素中新增樣式 color blue i like you 2 內部式 在head標籤中新增style標籤，在style標籤中按如下格式編寫 stylesheet href css index.css 三種引入方式也具有一定的優先順序關係 行內式優先順序最高 內部式和外部式的...
CSS樣式表引入方法和基本選擇器
css全稱重疊樣式表，可以控制網頁的布局，使網頁擁有獨特的風格，不同樣式的網頁可以給瀏覽者留下深刻的印象,所以在網頁中使用css樣式表顯得非常重要，css可以利用4種方法引入到網頁中應用 1 行內式，如下 2 內嵌式，如下 3 匯入式，如下 4 鏈結式，如下 匯入式和鏈結式的區別 匯入式本質由htm...
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...