link和@import的区别

Posted 慕雪琳鸢

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了link和@import的区别相关的知识,希望对你有一定的参考价值。

link的写法:<link type="type/css" rel="stylesheet" href="demo.css"/>

@import的写法:<style> @import:url("demo.css");</style>

区别:

1、link是html标签,没有兼容性,而@import是css提供的,ie5以上才支持;

2、link加载多个文件的时候,会同时加载(并行加载),而@import会逐个加载,从而导致网页响应时间。

3、link的加载权重大于@import加载权重。

总结:

不建议使用@import。

 

以上是关于link和@import的区别的主要内容,如果未能解决你的问题,请参考以下文章

link和@import的区别

link和@import区别

link和@import的区别

link和@import的区别

link @import区别 src href的区别

CSS--link和@import的区别(详细)