link和import的区别
Posted yaya-003
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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可以控制的) |
一般CSS中避免过多使用@import,比较推荐Link标签
以上是关于link和import的区别的主要内容,如果未能解决你的问题,请参考以下文章