第29题：link与@import的区别

题目

下列关于使用link和@import，说法不正确的是（B）

A: 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载
B: link、@import均支持使用js控制DOM去改变样式
C: @import就只能加载CSS ，link标签还可以定义RSS等
D: import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题

解析

外部引用css有2种方式，link与@import。建议强烈使用link标签慎用@import方式，这样可以避免@import的语法规则和注意事项。

link的使用：

<link href="index.css" rel="stylesheet">

@import的使用：

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

import的写法比较多：推荐使用 @import url(index.css);

两者区别：

• 从属关系区别：@import是css提供的语法规则，只有导入样式表的作用；link是XHTML标签，不仅可以加载css文件，还可以定义RSS、rel连接属性等
• 加载顺序： 在加载页面时，link标签引入的css被同时加载;@import引入的CSS将在页面加载完毕后被加载。
• 兼容性：@import是CSS2.1才有的语法，只有IE5+才能识别：link是XHTML标签，不存在兼容问题
• DOM可控性：可以通过JS操作DOM，插入link标签来改变样式；由于DOM方法是基于文档的，无法使用@import的方式插入样式。