一、
1.行間樣式的優(yōu)缺點(diǎn)
優(yōu)點(diǎn):不會(huì)額外的產(chǎn)生請(qǐng)求;
缺點(diǎn):1.容易產(chǎn)生重復(fù)的代碼,造成文檔體積變大;2.不利于維護(hù);3.不符合結(jié)構(gòu)與樣式分離的規(guī)范。綜上所述:不建議適用行間樣式
2.CSS內(nèi)部樣式
不會(huì)產(chǎn)生額外的請(qǐng)求;初步實(shí)現(xiàn)結(jié)構(gòu)與樣式的分離;代碼復(fù)用不方便;適合單頁面網(wǎng)站應(yīng)用。
3.CSS外部引入樣式
優(yōu)點(diǎn):1.利于后期維護(hù);2.可以重復(fù)使用;3.完成實(shí)現(xiàn)結(jié)構(gòu)與樣式的分離。
缺點(diǎn):會(huì)產(chǎn)生額外的請(qǐng)求(但是后期我們會(huì)借助工具抹平這個(gè)缺點(diǎn))
二、
基礎(chǔ)選擇器-通配選擇器(*):作用于所有標(biāo)簽,無論你這個(gè)標(biāo)簽有沒有寫,有沒有在文檔中出現(xiàn)。
基礎(chǔ)選擇器-標(biāo)簽名選擇器:作用于一類標(biāo)簽,方式是通過標(biāo)簽名稱,使用場(chǎng)景:重置某類標(biāo)簽的默認(rèn)樣式。
基礎(chǔ)選擇器-群組選擇器:選擇器1,選擇器2,...{ ?}使用場(chǎng)景:用于優(yōu)化代碼,減少文檔體積。
基礎(chǔ)選擇器-類選擇器:.類名稱{ } 使用場(chǎng)景:可以應(yīng)付各種場(chǎng)景,是我們最常用一種選擇器。class名可以多個(gè),多個(gè)class名用空格隔開。主要用于具有相同樣式的元素設(shè)置上。
基礎(chǔ)選擇器-后代選擇器:選擇器1 選擇器2 選擇器3……{ }