link和import的区别
| 相同点 | 都是为了加载CSS文件 | |||
| 不同点 | 作用 |
加载顺序 (当一个页面被加载的时候，就是被浏览的时候) |
兼容性 |
使用DOM控制样式 （使用js控制DOM去改变样式） |
| link |
加载CSS、 定义RSS、 定义rel连接属性 |
link引入的CSS会同时被加载 | 完全兼容 | 支持（只能使用link标签） |
| @import | 只能加载CSS |
@import引用的CSS会等到页面全部被下载完再加载 （所以，有时候浏览@import加载CSS的页面时会没有样式（就是闪烁）） |
@import是CSS2.1提出的，所以老的浏览器不支持； 只有在IE5以上的才能识别 |
不支持 （@import不是DOM可以控制的） |
