link标签和import标签的区别

[问答题]

link标签和import标签的区别有什么？

李先森TWO

link和 import ―――――― 1、渲染时顺序不一样 link引入的方式渲染会随页面同时进行，而import需要在页面渲染完之后才会被渲染。因此使用import可能出现这种情况，当用户网络稍慢或者需要渲染的太多的时候。HTML出来了，CSS还没被渲染，排版混乱，用户体验非常差。 2、兼容性的区别 import是CSS2.1里面才有的语法，有些浏览器不支持（IE5以下，虽然说很少用这个版本，也要知道哈）。而link是作为HTML中的一个标签，任何浏览器都支持。 3、别讨论很多的权重问题这个问题被论过很多次，可能你也亲自去试过，当相同元素设置同一同意属性不同属性值的时候，会发现link引入的方式覆盖import引入的。那么，link权重就大于import吗？不一定，当你在给import多设置一个属性的时候你会发现。这个元素同时运用了link和import的属性。比如说：我对同一个div进行操作，大小都设置为100px，背景在link方式设置为“蓝色”，在import方式中设置为 “灰色”，并且给他设置一个边框为“红色”。你看到的效果却是：蓝色上面有一个红色的边框（别问我为什么是蓝色的上面，因为堆叠顺序😂️）结论就不写了，相信大家都是总结的小能手~😂️ 4、link用途很棒 link是HTML里面的一个标签，它出了引入CSS文件以外，还可以定义RSS 和 rel就是这么强大。而import就只是CSS中的一个语法规则，只能用于导入样式。 5、DOM可操作性 link引入的js可以操作并修改它，import导入就有点尴尬了~

发表于 2019-02-24 08:18:03 回复(2)

小菜🐔

1.link和页面一同加载,import在页面加载完之后再加载

2.link兼容性比import好,因为link本身就是html标签

3.link可以使用js对其修改,import不可以

4.link还可以定义 RSS、rel 连接属性等,import只能导入样式

发表于 2019-03-15 15:24:05 回复(0)

太阳煮的酒

link为标签没有兼容性问题

@import为css提供 ie5以上才支持

页面加载时 link引入的文件同时加载

但@import引入的文件等到页面加载完成后才加载

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

柠小哀

1 link是XHTML标签除了加载CSS外还可以定义RSS等其他事务 @import属于CSS范畴只能加载CSS 2 link引用CSS时在页面载入时同时加载 @import需要页面网页完全载入以后加载 3 link是XHTML标签无兼容问题 @import是在CSS2.1提出的低版本的浏览器不支持 4 link支持使用JavaScript控制DOM去改变样式 @import不支持

发表于 2019-04-27 16:52:43 回复(0)

友人说201904171536944

link标签用来链接，import标签用来引入。link标签用来设置CSS样式，import标签用来设置javascript样式。

发表于 2019-04-26 19:12:11 回复(0)

TiAmo_9955

两者都是外部引用CSS的方式，但区别如下：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。区别4：link支持使用JavaScript控制DOM去改变样式；而@import不支持。

发表于 2019-04-26 12:05:25 回复(0)