让前端飞CSS

link和@import的区别

2017-07-30  本文已影响0人  sky丶星如雨

link导入样式表:

<link href="index.css" rel="stylesheet">  

@import导入方法:

<style type="text/css">  
@import "index.css";  
</style>  

不同点:
link除了引用样式文件外,还可以引用图片等资源文件,而@import值能引用样式文件。
兼容性不同,link没有兼容性问题,@import在IE5以上支持,是css2.1新增属性。
link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
link支持使用javascript控制Dom改变样式,@import不支持

上一篇下一篇

猜你喜欢

热点阅读