假設有乙個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...