下面关于 CSS 中 link 和 @import 的区别，_百度笔试题

KatherinaQ

D(转载)

1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。
2，@import 是css2里面的，所以古老的ie5不支持。
3，当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

4，link除了能加载css外还能定义RSS，定义rel连接属性，@import只能加载css

发表于 2015-03-28 11:51:40 回复(4)

数组求和

页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是：

XML/HTML代码
<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />
XML/HTML代码
<style type="text/css" media="screen">
@import url("CSS文件");
</style>

两者都是外部引用CSS的方式，但是存在一定的区别：

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

补充：@import最优写法
@import的写法一般有下列几种：

@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url("style.css") //Windows NS4, Macintosh NS4不识别
由上分析知道，@import url(style.css) 和@import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。

发表于 2016-03-24 17:08:48 回复(7)

Amour1018

1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。
2，@import 是css2里面的，所以古老的ie5不支持。
3，当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

4，link除了能加载css外还能定义RSS，定义rel连接属性，@import只能加载css

发表于 2015-09-21 10:45:49 回复(0)

无可替代666

link属于html标签，而@import是css提供的。
页面被加载时，link会并行加载节约时间；而@import引用的css是串行加载，会等到页面加载结束后加载，比较费时。
link是html标签，因此没有兼容性，而@import只有IE5以上才能识别，且只能引入css文件。
link因为是html元素，可以通过js DOM动态的添加样式，而@import却不可以。
link方式样式的权重高于@import

发表于 2018-08-12 12:29:13 回复(2)

陈润山

D

发表于 2015-01-04 13:25:40 回复(1)

牛客135456823号

link：XHTML标签无兼容性问题，页面加载时同时加载，可用js操作DOM改变css样式，除了定义css外还可以定义RSS 有rel属性

@import：IE5.0版本以上支持，页面加载完后才加载，不能使用js操作DOM更改css样式，只能定义css 因为本来就是css的东西

编辑于 2018-08-11 19:17:19 回复(0)

toLearning

当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

发表于 2015-09-30 15:49:49 回复(0)

__sgf__

link是html标签，import是css提供的。当页面加载的时候link会并行加载，import是页面加载完了之后再加载。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

发表于 2022-12-08 20:23:09 回复(0)

在看面经的傻狍子很爱交友

link是html标签，import是css提供的。当页面加载的时候link会并行加载，import是页面加载完了之后再加载

发表于 2022-11-03 15:19:00 回复(0)

江秋秋

当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

发表于 2022-10-25 20:21:09 回复(0)

早慧晚熟,少贫老癫

@import只在5.0以上的版本有效
IE6支持咯？

发表于 2020-02-23 17:59:32 回复(0)

哔哔哩哩

页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码 XML/HTML代码两者都是外部引用CSS的方式，但是存在一定的区别：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。补充：@import最优写法 @import的写法一般有下列几种： @import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别 @import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别 @import url(style.css) //Windows NS4, Macintosh NS4不识别 @import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别 @import url("style.css") //Windows NS4, Macintosh NS4不识别由上分析知道，@import url(style.css) 和@import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。

发表于 2019-07-16 23:42:31 回复(0)

谁从微毫见参天

@import引入的css文件要等页面全部加载完成后才开始加载

发表于 2019-04-06 09:16:04 回复(0)

磊哥dasfsd

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

发表于 2019-01-03 16:08:48 回复(0)

猿来

D

发表于 2018-08-05 09:22:43 回复(0)

Just丶4

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

发表于 2018-05-26 15:47:51 回复(0)

Mr.喵

B、link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载

C、@import 是css2里面的，所以古老的ie5不支持

D、当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。@import只能加载css

发表于 2018-05-07 21:23:53 回复(1)

小北风.

D(转载)

1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。
2，@import 是css2里面的，所以古老的ie5不支持。
3，当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

4，link除了能加载css外还能定义RSS，定义rel连接属性，@import只能加载css

发表于 2017-11-27 10:27:35 回复(0)

GDragonPuls

1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。

2，@import 是css2里面的，所以古老的ie5不支持。

3，当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

4，link除了能加载css外还能定义RSS，定义rel连接属性，@import只能加载css

发表于 2017-09-03 16:19:34 回复(0)

diligentkong

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

发表于 2017-05-13 10:27:54 回复(0)

下面关于 CSS 中 link 和 @import 的区别，

问题信息

热门推荐

相关试题