行內(nèi)樣式:
直接在HTML標(biāo)簽中設(shè)置的樣式。
實際在寫頁面時不提倡使用,在測試的時候可以使用
優(yōu)點:不會額外的產(chǎn)生請求
缺點:
1.容易產(chǎn)生重復(fù)的代碼,造成文檔體積變大
2.不利于維護(hù)
3.不符合樣式與結(jié)構(gòu)分離的規(guī)范?
內(nèi)部樣式:
在style標(biāo)簽中書寫CSS代碼。style標(biāo)簽寫在head標(biāo)簽中钠绍。
不會產(chǎn)生額外的請求
初步實現(xiàn)結(jié)構(gòu)與樣式的分離
代碼復(fù)用不方便
適合單頁面網(wǎng)站
外部樣式:
CSS代碼保存在擴(kuò)展名為.css的樣式表中
優(yōu)點:
1.利于后期維護(hù)
2.可以重復(fù)使用
3.完全實現(xiàn)結(jié)構(gòu)與樣式的分離
缺點:
會產(chǎn)生額外的請求(但是后期我們會借助工具抹平這個缺點)