簡述css選擇器的引入方式有哪幾種類型，css如何設(shè)置兩個類名？
css設(shè)置兩個類名很簡單，需要兩個步驟：
一，樣式表css定義兩個類如下：.FontRed{color:red;}
.FontSize{font-size:250%}
二，body內(nèi)引用
<p class="FontRed FontSize">我是紅色變大的字體</p>class類的使用：選擇符.類別名 {屬性：值}
類別名將可以在HTML的標(biāo)識符里引用：
<標(biāo)識符 class=類別名>網(wǎng)頁內(nèi)容
類的特性繼承、多態(tài)、重載、封裝，所以使用時要考慮優(yōu)先級！
css派生選擇器有幾種？
基本選擇器
1.標(biāo)簽選擇器：直接用元素的標(biāo)簽來進(jìn)行選擇
span { // 直接選擇span標(biāo)簽
size:16px;
}
1
2
3
1
2
3
2.ID選擇器：通過設(shè)置id名字，進(jìn)行精確的選擇，用#來定義
# div1 { //通過id名字來進(jìn)行選擇
color:red;
}
<div id="div1">1</div>
1
2
3
4
1
2
3
4
3.類選擇器:通過類名來進(jìn)行選擇，選擇范圍比id選擇器大，用’.'來定義
.div1 { //所有類名為div1的都被選擇了
color:red;
}
<div id="div1">1</div>
<div id="div1">1</div>
<div id="div1">1</div>
1
2
3
4
5
6
1
2
3
4
5
6
4.通配符選擇器：范圍更大，作用于所有標(biāo)簽，用*來定義
不建議使用，對頁面加載負(fù)擔(dān)大
高級選擇器
1.后代選擇器：定義用空格隔開
div span { //選擇的是div標(biāo)簽下的span標(biāo)簽，當(dāng)然后代顧名思義可以不止隔一代，可以隔多代進(jìn)行選擇
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集選擇器：與后代選擇器定義的不同是，沒有空格隔開，兩個元素緊挨著
span#a1 { //選擇的是兩個條件1.既是span標(biāo)簽的 2.id名是a1的元素，兩個條件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集選擇器：定義用逗號隔開
span，#a1 { //選擇的是1.是span標(biāo)簽的 2.id名是a1的元素，兩個條件滿足一個即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.偽類選擇器：
1.靜態(tài)偽類：點(diǎn)擊連接之前（link），點(diǎn)擊連接之后(visited)這樣的
2.動態(tài)偽類：鼠標(biāo)移入（hover），點(diǎn)擊之后（focus）
css選擇器識別范圍？
css選擇器優(yōu)先級核心：每個選擇器本身有優(yōu)先級，作用范圍越具體優(yōu)先級越高。
CSS優(yōu)先級從高到低分別是：
1.在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫在元素標(biāo)簽上的內(nèi)聯(lián)樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標(biāo)簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當(dāng)CSS樣式的規(guī)則由多個選擇器組成時，id選擇器的權(quán)值為1000，class選擇器為100，標(biāo)簽選擇器為10，按權(quán)值求和的記過高低決定哪個優(yōu)先。當(dāng)兩個css規(guī)則的權(quán)值相同時，誰更具體用誰，也就是權(quán)值高的選擇器作用的越具體優(yōu)先級越高。當(dāng)兩個選擇器規(guī)則和權(quán)值都是一樣，后面樣式會覆蓋前面的！
css3新增功能？
1、css3新增的超級選擇器：屬性選擇器、結(jié)構(gòu)性偽類選擇器、UI元素狀態(tài)偽類選擇器、通用兄弟元素選擇器
2、使用選擇器在頁面中插入文字、圖片、項(xiàng)目編號等內(nèi)容
3、文字陰影與自動換行
4、各類盒模型：總體分為block類型和in line類型，在細(xì)分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關(guān)類型、none類型
5、盒模型相關(guān)的屬性：overflow屬性（內(nèi)容溢出）、box-shadow屬性（盒陰影）、box-sizing屬性（寬高計(jì)算）
6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性
7、新增的邊框樣式：border-radius屬性（圓角邊框）、border-image屬性（圖片邊框）
8、新增的 transform變形功能：rotate（旋轉(zhuǎn)）、scale（縮放）、skew（傾斜）、translate（移動）
9、新增的動畫功能：transition（平滑過渡）、animation（關(guān)鍵幀）
10、布局相關(guān)樣式：多欄布局、盒布局、彈性盒布局
11、兼容性問題