CSS導(dǎo)入式

2018-09-26 10:06 更新

導(dǎo)入式與鏈接式在使用上非常相似,都實現(xiàn)了頁面與樣式的文件分離。區(qū)別在與導(dǎo)入式在頁面初始化時,把樣式文件導(dǎo)入到頁面中,這樣就變成了內(nèi)嵌式,而鏈接式僅是發(fā)現(xiàn)頁面中有標簽需要格式時候才以鏈接的方式引入,比較看來還是鏈接式最為合理。


導(dǎo)入式是通過@import在<style>標簽中進行聲明的,如下例:

CSS導(dǎo)入式


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

導(dǎo)入式

注意:從運行結(jié)果中可以看到,導(dǎo)入式與鏈接式運行效果一樣。導(dǎo)入式除了可以在同一個頁面中導(dǎo)入多個樣式文件,還可以在樣式文件中使用import進行導(dǎo)入。


各種方式的優(yōu)先級

CSS優(yōu)先級,是指CSS樣式在瀏覽器中被解析的先后順序。既然樣式有優(yōu)先級,那么就會有一個規(guī)則來約定這個優(yōu)先級,而這個“規(guī)則”就是重點。當同一個頁面采用了多種CSS使用方式,例如行內(nèi)樣式、鏈接樣式和內(nèi)嵌樣式,如果這幾種樣式共同作用于同一個標記,就會出現(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)入式>鏈接式。


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號