首页 >web前端 >html教程 >样式导入方式有哪些?

样式导入方式有哪些?

零下一度
零下一度原创
2017-06-24 10:57:541498浏览

link与import

"index.css?1.1.11" rel="stylesheet"> 

不同点

  • link除了引用样式文件,还可以引用图片等资源文件,而import只引用样式文件



    • 兼容性不同,link不存在兼容性的问题,import在IE5以上支持,是css2.1新增的

    • 在样式表文件可以使用import导入其它的样式表文件,而link不可以

    • link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

    • link支持使用Javascript控制DOM去改变样式;而@import不支持。

      •   import的写法比较多

        @import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
        @import "style.css?1.1.11" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
        @import url(style.css) //Windows NS4, Macintosh NS4不识别
        @import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
        @import url("style.css?1.1.11") //Windows NS4, Macintosh NS4不识别

          推荐使用 @import url(index.css);

以上是样式导入方式有哪些?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn