CSS 使用@import url（）与link href 的区别

@import url（/css/a.css） 很简单但出现了兼容问题，在ff下无法调用样式，大家都以为是@import搞的怪，但用link后问题依然出现。经过一番讨论原来是绝对路径在ff下是不认的。

   跑题了，呵呵。下面对@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

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

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

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

转载于:https://www.cnblogs.com/Rampage/archive/2010/09/03/1816783.html