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不可操作的；