導(dǎo)入式與鏈接式在使用上非常相似,都實(shí)現(xiàn)了頁面與樣式的文件分離。區(qū)別在與導(dǎo)入式在頁面初始化時,把樣式文件導(dǎo)入到頁面中,這樣就變成了內(nèi)嵌式,而鏈接式僅是發(fā)現(xiàn)頁面中有標(biāo)簽需要格式時候才以鏈接的方式引入,比較看來還是鏈接式最為合理。
導(dǎo)入式是通過@import在<style>標(biāo)簽中進(jìn)行聲明的,如下例:
(2)按【F12】鍵運(yùn)行,結(jié)果如下圖所示:
注意:從運(yùn)行結(jié)果中可以看到,導(dǎo)入式與鏈接式運(yùn)行效果一樣。導(dǎo)入式除了可以在同一個頁面中導(dǎo)入多個樣式文件,還可以在樣式文件中使用import進(jìn)行導(dǎo)入。
各種方式的優(yōu)先級
CSS優(yōu)先級,是指CSS樣式在瀏覽器中被解析的先后順序。既然樣式有優(yōu)先級,那么就會有一個規(guī)則來約定這個優(yōu)先級,而這個“規(guī)則”就是重點(diǎn)。當(dāng)同一個頁面采用了多種CSS使用方式,例如行內(nèi)樣式、鏈接樣式和內(nèi)嵌樣式,如果這幾種樣式共同作用于同一個標(biāo)記,就會出現(xiàn)優(yōu)先級的問題,即究竟哪種樣式設(shè)置有效果。如果內(nèi)嵌樣式設(shè)置字體為宋體,鏈接樣式設(shè)置為紅色,那么二者會同事生效;如果都設(shè)置字體顏色,情況就會復(fù)雜。
前面介紹過4種樣式表,分別是行內(nèi)樣式、內(nèi)嵌式、鏈接式和導(dǎo)入式,他們的優(yōu)先關(guān)系是:行內(nèi)樣式>內(nèi)嵌式>導(dǎo)入式>鏈接式。
更多建議: