样式导入方式有哪些?

零下一度
Lepaskan: 2017-06-24 10:57:54
asal
1482 orang telah melayarinya

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);

Atas ialah kandungan terperinci 样式导入方式有哪些?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan