博客介绍了<link>和@import引入CSS文件的区别。<link>在页面加载时同时加载，所有浏览器可正确解释，可放HTML文档的<head>或<body>中，多标签无加载顺序问题；@import在页面加载后加载，仅IE5以上版本浏览器可解释，只能放CSS文件中，多标签加载顺序有影响。推荐使用<link>。
<link> 和 @import 都可以用于引入 CSS 文件，但是两者有以下区别：
-
加载时间：
<link>标签在页面加载时同时加载，而@import是在页面加载后才开始加载。 -
兼容性：
<link>标签可以被所有的浏览器正确解释，而@import只能被 IE5 以上版本的浏览器解释。 -
使用方法：
<link>标签可以放在 HTML 文档的<head>或<body>中，而@import只能放在 CSS 文件中使用。 -
加载顺序：多个
<link>标签之间不存在加载顺序问题，但是多个@import标签的加载顺序是有影响的，后面的样式表会覆盖前面的样式表。
总的来说，<link> 更加实用、灵活，也更具有兼容性，推荐使用。
扫一扫
869
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
