CSS導(dǎo)入式

2018-09-26 10:06 更新

導(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)行聲明的,如下例:

CSS導(dǎo)入式


(2)按【F12】鍵運(yùn)行,結(jié)果如下圖所示:

導(dǎo)入式

注意:從運(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)入式>鏈接式。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)