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方式插入的样式。

  • 相关阅读:
    数组逆序输出与简单的数据匹配
    冒泡排序及其优化
    类型转换
    Spring学习【Spring】
    logistic回归模型
    决策树算法(3)
    决策树算法(2)
    决策树算法(1)
    朴素贝叶斯算法
    k近邻算法
  • 原文地址:https://www.cnblogs.com/lingdublog/p/6483313.html
Copyright © 2011-2022 走看看