假設有乙個css檔案a.css,檔案裡的內容如下:
p
現在分別使用兩種方式引入a.css:
1.使用html的link標籤
<link
rel="stylesheet"
type
="text/css"
href
="a.css"
>
2.使用import
<style
type
="text/css"
>
@import url(a.css);
style
>
3.我們再看一下平常使用的內嵌樣式:
<style
>
p style
>
很明顯第二種和第三種方式是形如的,也就是說其實第二種方式中的@import url(a.css)是css的語句而非html的語句。
所以我們可以這樣在b.css檔案中使用import語句來引入a.css的內容:
@import url(a.css);
這樣b.css就把另外乙個檔案a.css的內容引入到了b.css中。
其實總結就是一句話:link是html的乙個標籤,而import是css的語句,他們老大不同。
link與@import的區別:
載入順序不一樣,link會在頁面顯示之前全部載入完成,而@import是讀取完檔案再載入,這也就導致了他們顯示上的區別,
使用@import會出現閃爍,原因就是先顯示無css樣式的頁面,載入了import的樣式又會重新排版,所以導致閃爍。而link是載入完才顯示,所以不會出現閃爍的問題。
link和 important引入css的區別
1 所屬關係上區別 import是css提供的語法規則,只有匯入樣式表的作用 link是html提供的標籤,不僅可以載入css,還可以定義rss rel連線屬性。2 載入順序的區別 載入頁面時,link標籤引入的css被同事載入,import引入的css將在頁面載入完畢後載入 3 相容性區別 imp...
CSS樣式引入link和 import區別
css樣式引入有兩種方法,一種是寫在頁面中的link方法,另一種是寫在css中的 import寫法。link寫法 import寫法 import url style.css link是xhtml標籤,除了載入css外,還可以定義rss等其他事務,import 屬於css範湊,只能載入css link...
檔案引入方式 link 和 import
link 和 import 作用 樣式的匯入方式 link 的使用 import 的使用 link 和 import 的區別 引入的內容不同 link 除了引用樣式檔案,還可以引用等資源檔案,而 import 只引用樣式檔案 載入順序不同 link 引用 css 時,在頁面載入時同時載入 impor...