zoukankan      html  css  js  c++  java
  • CSS的导入方式:link与import方式的区别

    在前端开发中,加载CSS样式文件有两种方式:link方式与import方式,它们之间的区别主要有以下几点:

    1.兼容性不一样

    link是一个HTML标签,所以它不存在兼容性问题,而import方式则具有兼容性问题,因为它是CSS2.1提出的,所以稍老一点的浏览器不支持,只在IE5以上才能识别,不过现在估计也没有再使用IE5版本以下的浏览器了,所以基本来讲都不具有兼容性问题。

    2.权重不一样

    link方式引入的样式的权重要高于import的样式的权重,这点要注意。

    3.所属性质不一样

    link属于XHTML标签,而import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,而import就只能加载CSS。

    4.加载顺序不一样

    link引用的CSS会在页面被加载的时候就加载,而import引用的CSS则会等到页面全部被加载完毕以后再进行加载。所以有时候浏览使用import加载CSS的页面时开始会出现没有样式的情形,尤其是在网速慢的时候。

    5.使用DOM方法控制样式不一样

    因为DOM方法是基于文档的,所以它可以操作link标签来控制样式,而控制不了import方式插入的样式。

  • 相关阅读:
    认证功能装饰器
    装饰器升级版
    装饰器
    闭包函数
    名称空间与作用域
    嵌套函数
    函数对象
    命名关键字参数
    函数单数的使用
    函数的定义与调用
  • 原文地址:https://www.cnblogs.com/lingdublog/p/6483313.html
Copyright © 2011-2022 走看看