区别:
1、link是xhtml标签,无兼容性问题,@import是css2.1提出的,低版本浏览器不支持,只有ie5以上才支持
2、link能加载css javascript @import只能加载css
3、link链接的内容是和html页面同步加载的,@import需要等到页面全部加载完成之后才能加载。
总结:link的权重高于@import。link属于HTML标签所以不受兼容性的影响,@import属于css标签 只能加载css样式。link除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS
用法:
1)link的写法:
<link rel="stylesheet" href="index.css">
2)import的写法:
<style type=”text/css”>
@import url(“index.css”);
</style>