<link> 和 @import 都可以用于引入 CSS 文件,但是两者有以下区别:
-
加载时间:
<link>标签在页面加载时同时加载,而@import是在页面加载后才开始加载。 -
兼容性:
<link>标签可以被所有的浏览器正确解释,而@import只能被 IE5 以上版本的浏览器解释。 -
使用方法:
<link>标签可以放在 HTML 文档的<head>或<body>中,而@import只能放在 CSS 文件中使用。 -
加载顺序:多个
<link>标签之间不存在加载顺序问题,但是多个@import标签的加载顺序是有影响的,后面的样式表会覆盖前面的样式表。
总的来说,<link> 更加实用、灵活,也更具有兼容性,推荐使用。










