一菠镇、
1.行間樣式的優(yōu)缺點
優(yōu)點:不會額外的產(chǎn)生請求澄峰;
缺點:1.容易產(chǎn)生重復(fù)的代碼,造成文檔體積變大辟犀;2.不利于維護俏竞;3.不符合結(jié)構(gòu)與樣式分離的規(guī)范绸硕。綜上所述:不建議適用行間樣式
2.CSS內(nèi)部樣式
不會產(chǎn)生額外的請求;初步實現(xiàn)結(jié)構(gòu)與樣式的分離魂毁;代碼復(fù)用不方便玻佩;適合單頁面網(wǎng)站應(yīng)用。
3.CSS外部引入樣式
優(yōu)點:1.利于后期維護席楚;2.可以重復(fù)使用咬崔;3.完成實現(xiàn)結(jié)構(gòu)與樣式的分離。
缺點:會產(chǎn)生額外的請求(但是后期我們會借助工具抹平這個缺點)
二烦秩、
基礎(chǔ)選擇器-通配選擇器(*):作用于所有標(biāo)簽垮斯,無論你這個標(biāo)簽有沒有寫,有沒有在文檔中出現(xiàn)只祠。
基礎(chǔ)選擇器-標(biāo)簽名選擇器:作用于一類標(biāo)簽兜蠕,方式是通過標(biāo)簽名稱,使用場景:重置某類標(biāo)簽的默認(rèn)樣式抛寝。
基礎(chǔ)選擇器-群組選擇器:選擇器1熊杨,選擇器2,...{ ?}使用場景:用于優(yōu)化代碼盗舰,減少文檔體積晶府。
基礎(chǔ)選擇器-類選擇器:.類名稱{ } 使用場景:可以應(yīng)付各種場景,是我們最常用一種選擇器钻趋。class名可以多個川陆,多個class名用空格隔開。主要用于具有相同樣式的元素設(shè)置上蛮位。
基礎(chǔ)選擇器-后代選擇器:選擇器1 選擇器2 選擇器3……{ }