在html 代碼中我們常常用分離的思想引入外部的css文件，常用的方法有2種，@import

語法：

<style type="text/css" media="screen">
@import url("text.css");
</style>

link? 語法：

<style type="text/css" >
<link href="text.css"/>
</style>

那么這 兩種引入方式有什么區別么?

首先：它們的相同點：從外部引入文件，易于維護，當很多相同標簽需要改同一個屬性時，在css文件中只需改動一處即可。

區別：

@@@@@@@@@

link 是html的一個標簽，而@import是css的一個標簽。

1、@import 只是css提供的一種方式，只是加載css，link? 除了加載css外，還可以定義rel連接屬性，定義rss屬性.

2、加載順序的問題：頁面加載時，link的css會同時加載，而@import 的css會在html下載完成后才開始加載（在網速慢的時候，瀏覽器加載頁面可能會出現沒有樣式的情況）。

3、link標簽兼容性問題，而@import是在css2.1以后提出的，對于老版本瀏覽器，會出現不支持況，對于IE5以后的版本能支持。

4、使用JavaScript控制DOM去改變樣式的時候，只能使用link? ,@import 不是DOM可控制的。

5、@import 可以在css中再次引入其他樣式表。

?

轉載于:https://www.cnblogs.com/autumn123/p/4190782.html

總結

以上是生活随笔為你收集整理的css中的@inport 与link的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。