W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
導(dǎo)入式與鏈接式在使用上非常相似,都實(shí)現(xiàn)了頁面與樣式的文件分離。區(qū)別在與導(dǎo)入式在頁面初始化時(shí),把樣式文件導(dǎo)入到頁面中,這樣就變成了內(nèi)嵌式,而鏈接式僅是發(fā)現(xiàn)頁面中有標(biāo)簽需要格式時(shí)候才以鏈接的方式引入,比較看來還是鏈接式最為合理。
導(dǎo)入式是通過@import在<style>標(biāo)簽中進(jìn)行聲明的,如下例:
(2)按【F12】鍵運(yùn)行,結(jié)果如下圖所示:
注意:從運(yùn)行結(jié)果中可以看到,導(dǎo)入式與鏈接式運(yùn)行效果一樣。導(dǎo)入式除了可以在同一個(gè)頁面中導(dǎo)入多個(gè)樣式文件,還可以在樣式文件中使用import進(jìn)行導(dǎo)入。
各種方式的優(yōu)先級(jí)
CSS優(yōu)先級(jí),是指CSS樣式在瀏覽器中被解析的先后順序。既然樣式有優(yōu)先級(jí),那么就會(huì)有一個(gè)規(guī)則來約定這個(gè)優(yōu)先級(jí),而這個(gè)“規(guī)則”就是重點(diǎn)。當(dāng)同一個(gè)頁面采用了多種CSS使用方式,例如行內(nèi)樣式、鏈接樣式和內(nèi)嵌樣式,如果這幾種樣式共同作用于同一個(gè)標(biāo)記,就會(huì)出現(xiàn)優(yōu)先級(jí)的問題,即究竟哪種樣式設(shè)置有效果。如果內(nèi)嵌樣式設(shè)置字體為宋體,鏈接樣式設(shè)置為紅色,那么二者會(huì)同事生效;如果都設(shè)置字體顏色,情況就會(huì)復(fù)雜。
前面介紹過4種樣式表,分別是行內(nèi)樣式、內(nèi)嵌式、鏈接式和導(dǎo)入式,他們的優(yōu)先關(guān)系是:行內(nèi)樣式>內(nèi)嵌式>導(dǎo)入式>鏈接式。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: