一、CSS引入方式有三種：行間樣式、內(nèi)部樣式、外部樣式

1.行間樣式的優(yōu)缺點(diǎn)：(1)優(yōu)點(diǎn)：不會(huì)額外的產(chǎn)生請(qǐng)求

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)缺點(diǎn)：容易產(chǎn)生重復(fù)的代碼，造成文檔體積變大；不利于維護(hù)；不符合結(jié)構(gòu)與樣式分離的規(guī)范；

所以，綜上所述：不建議使用行間樣式

2.CSS內(nèi)部樣式：在html文檔中開辟一個(gè)書寫CSS語(yǔ)句的區(qū)域

? 內(nèi)部樣式的優(yōu)缺點(diǎn)：(1)優(yōu)點(diǎn)：不會(huì)產(chǎn)生額外的請(qǐng)求；初步實(shí)現(xiàn)結(jié)構(gòu)與樣式分離；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (2)缺點(diǎn)：代碼復(fù)用不方便；適合單頁(yè)面網(wǎng)站應(yīng)用；

3.CSS外部樣式的優(yōu)缺點(diǎn)：(1)優(yōu)點(diǎn)：利于后期維護(hù)；可以重復(fù)使用；完全實(shí)現(xiàn)結(jié)構(gòu)與樣式的分離；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)缺點(diǎn)：會(huì)產(chǎn)生額外的請(qǐng)求(但是后期我們可以借助工具磨平這個(gè)缺點(diǎn))

二、CSS選擇器

基礎(chǔ)選擇器：

1.通配選擇器：*{} 作用于所有標(biāo)簽，無(wú)論這個(gè)標(biāo)簽有沒(méi)有寫，有沒(méi)有在文檔中出現(xiàn)

2.標(biāo)簽選擇器：標(biāo)簽名{} 作用于一類標(biāo)簽，方式是通過(guò)標(biāo)簽名稱，

? ?使用場(chǎng)景：重置某類標(biāo)簽的默認(rèn)樣式

3.群組選擇器：選擇器1，選擇器2，選擇器3，...{}

? ?使用場(chǎng)景：用于優(yōu)化代碼，減少文檔體積

4.類選擇器：類名{}

? ?使用場(chǎng)景：可以應(yīng)付各種場(chǎng)景，是我們最常用的一種選擇器。class名可以有多個(gè)，多個(gè)class名用空格隔開。主要作用于具有相同樣式的元素設(shè)置上。

注意：class命名規(guī)范：不要以數(shù)字開頭；盡量取得有意義；多個(gè)單詞建議使用"_"連接

5.后代選擇器：選擇器1 選擇器2 選擇器3 ...{}