<link rel="stylesheet" type="text/css" href="css文件路径"/>
<style type="text/css">
@import url("css文件路径")
</style>
link 和@import都能导入 css,他们有什么区别?
# 答:
- link属于 XHTML标签,而 @import 完全是 css提供的一种方式。
- 加载顺序的区别: 当一个页面被加载的时候(就是被浏览器浏览的时候), link引用的css会同时加载,而@import引用的css会等到页面全部被下载完成后在被加载。所以有时候浏览@import加载css的页面是开始会没有央视(就是闪烁), 网速慢的时候也挺明显。
- 兼容性的差别: @import是 css2.1提出的,所以老的浏览器不支持, @import只有在IE5以上才能识别,而link标签无此问题