美文网首页让前端飞CSS
link和@import的区别

link和@import的区别

作者: sky丶星如雨 | 来源:发表于2017-07-30 07:50 被阅读0次

    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不支持

    相关文章

      网友评论

        本文标题:link和@import的区别

        本文链接:https://www.haomeiwen.com/subject/mvjhlxtx.html