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