码迷,mamicode.com
首页 > 其他好文 > 详细

link和@import的区别

时间:2018-05-11 23:42:27      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:多个   总结   dem   type   权重   sheet   css   区别   没有   

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的区别

标签:多个   总结   dem   type   权重   sheet   css   区别   没有   

原文地址:https://www.cnblogs.com/liangqilin/p/9026595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!