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。

猜你喜欢

转载自www.cnblogs.com/liangqilin/p/9026595.html