电脑技术网——专业手机电脑知识平台,关注科技、手机、电脑、智能硬件
HTMLCSSHTML5Bootstrap

样式应运而生方式有哪些?

2020-11-28 15:32:17 出处:[ 菜菜电脑网 ] 人气:次阅读
link与import

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

  1. <style type="text/css">

  2. @import "index.css?1.1.11";

  3. </style>

不同点

  • link除了摘录样式文件,还可以提及图片等资源文件,而import只引述样式文件

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" sizes="any" mask href="//www.baidu.com/img/baidu.svg">
<link rel="search" type="application/opensearchdescription+xml" href="/content-search.xml" title="百度关键字" />
    • 兼容性并不相同,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中文网其它涉及文章!

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

©CopyRight 2008-2020 caicaipc.com Inc All Rights Reserved.
菜菜电脑网 版权所有 联系QQ:173533152