一稽屏、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文檔中開(kāi)辟一個(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名用空格隔開(kāi)晶默。主要作用于具有相同樣式的元素設(shè)置上。
注意:class命名規(guī)范:不要以數(shù)字開(kāi)頭航攒;盡量取得有意義磺陡;多個(gè)單詞建議使用"_"連接
5.后代選擇器:選擇器1 選擇器2 選擇器3 ...{}