|
下面小编就为大家带来一篇全面了解link与import方式的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
<style type="text/css">
@import url(foo.css) print;
</style>
<link href="../../***.css" type="text/css" rel="styleSheet"></link>;
1.加载顺序的差别：
link--与网站内容同步加载；
@import--网站内容全部加载完成之后，再加载该css，网站上会明显看到有闪烁效果（与网速有关）;
2.兼容性问题：
@import---是css2.1提出的，所以老版本的浏览器不支持，@import只能在IE5以上才能识别，相反link不会出现此问题；
3.使用dom控制样式的差别：
javascript中dom操作改变样式时，只能用link标签，@import是dom不可操作的；
以上这篇全面了解link与import方式的区别就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
原文地址：http://blog.csdn.net/fanhaiwang520/article/details/7683631 | 
发表于 2016-7-12 11:27:17
