1.樣式表的應(yīng)用
a)行內(nèi)樣式表：<開(kāi)始標(biāo)簽style=”屬性:屬性值;屬性:屬性值;”>
優(yōu)點(diǎn)：優(yōu)先級(jí)最高，省略了選擇器的問(wèn)題；
不足：沒(méi)有實(shí)現(xiàn)結(jié)構(gòu)和表現(xiàn)分離，不利于維護(hù)，所有使用較少，但是如果要對(duì)某個(gè)元素做元素的修飾，可以考慮這種方式；
b)內(nèi)部樣式表：所謂內(nèi)部樣式表，也可以成為內(nèi)嵌樣式表，就是將CSS代碼寫(xiě)在HTML文檔的頭部，格式如下
<head>
<style type="text/css" >
選擇器{樣式聲明}
</style>
</head>
不足：沒(méi)有實(shí)現(xiàn)結(jié)構(gòu)和表現(xiàn)分離，不利于維護(hù)，當(dāng)對(duì)一個(gè)頁(yè)面進(jìn)行樣式的修飾時(shí)，可以考慮內(nèi)部樣式表
c)外部樣式表：就是將CSS代碼封裝到一個(gè)獨(dú)立的CSS文件中，然后通過(guò)link標(biāo)簽將CSS文件和HTML文件關(guān)聯(lián)起來(lái)，格式如下
<head>
<link rel="stylesheet" type="text/css" href="CSS樣式路徑" />
</head>
優(yōu)點(diǎn)：真正實(shí)現(xiàn)了結(jié)構(gòu)和表現(xiàn)分離，利于維護(hù)
d)導(dǎo)入樣式表
格式
<style type="text/css">
@import "樣式表路徑";
</style>
缺點(diǎn)：由于JS無(wú)法操控導(dǎo)入樣式表，可以不建議使用
2.樣式表的優(yōu)先級(jí)
a)行內(nèi)樣式表優(yōu)先級(jí)最高
b)內(nèi)部樣式表和外部樣式表的優(yōu)先級(jí)取決于樣式表的加載順序
c)簡(jiǎn)單點(diǎn)說(shuō)，樣式表的優(yōu)先級(jí)是采用“就近原則”
3.樣式表特性
a)繼承：父子關(guān)系，子元素會(huì)繼承父元素的樣式
b)覆蓋：如果選擇器權(quán)重相同，那么后寫(xiě)的樣式會(huì)覆蓋先寫(xiě)的樣式
4.選擇器詳解
a)標(biāo)簽選擇器（也稱(chēng)為元素選擇器）
b)類(lèi)選擇器
c)id選擇器
d)全局選擇器（也稱(chēng)為通配符選擇器），用*作為選擇器，作用是選取文檔中所有元素
e)群組選擇器：就是用逗號(hào)將多個(gè)選擇器連接在一起而形成的選擇器叫做群組選擇器，群組選擇器至少要連接兩個(gè)選擇器
f)后代選擇器（也稱(chēng)為派生選擇器），用空格連接祖先元素和后代元素而形成的選擇器，至少要有兩個(gè)選擇器被連接
g)子選擇器：用>號(hào)將父元素和子元素連接在一起而形成的選擇器，至少要有連個(gè)選擇器
h)屬性選擇器：就是利用標(biāo)簽的屬性和屬性值作為選擇器
通過(guò)屬性名選取元素：格式[屬性名1][屬性名2]…
通過(guò)屬性名和屬性值選取元素（具有某個(gè)屬性且具有某個(gè)屬性值）：格式[屬性名=”屬性值”]
通過(guò)屬性名和屬性值選取元素（具有某個(gè)屬性，且包含某個(gè)屬性值）：格式[屬性名~=”屬性值”]，注意，如果屬性后面只有一個(gè)值，那么也會(huì)被選取到
通過(guò)屬性名和屬性值的前綴選取元素（具有某個(gè)屬性，且屬性值以某些字符串作為前綴，注意前綴和后面的內(nèi)容用”-”連接）：格式[屬性名|=”屬性值前綴”]
通過(guò)屬性名和屬性值選取元素（具有某個(gè)屬性，且屬性值以某些字符開(kāi)頭）：格式[屬性名^=”字符”]
通過(guò)屬性名和屬性值選取元素（具有某個(gè)屬性，且屬性值以某些字符結(jié)尾），格式[屬性名$=”字符”]
l通過(guò)屬性名和屬性值選取元素（具有某個(gè)屬性，且屬性值中包含某些字符），格式[屬性名*=”字符”]
