调用css时,link和@import url的区别

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

5,@import url 会占用html文件空间

所以我认为结合来使用就最好,比如:<link href="css/style.css" rel="stylesheet" type="text/css">

引用了一个style.css文件,在main.css里面再引用@import url(head.css);@import url(body.css);

这样达到一个清晰明了的作用.

原文地址:https://www.cnblogs.com/slsddy/p/11346799.html