zoukankan      html  css  js  c++  java
  • link和@important引入css的区别

    css的引入方法,知道有这么几种但是不清楚具体的一些区别。网上百度了很多关于css引入方式的问题。

    今天也想把这个写到自己的博客中,在使用css的引入方式的时候尽量不要用@import,这样可以避免@import的语法规则和注意事项,避免产生资源文件下载顺序的混乱和http请求过多的烦恼。

    1:所属关系上区别

    @import是css提供的语法规则,只有导入样式表的作用;link是html提供的标签,不仅可以加载css,还可以定义RSS、rel连接属性。

    2:加载顺序的区别

    加载页面时,link标签引入的css被同事加载,@import引入的css将在页面加载完毕后加载

    3:兼容性区别

    @import是css2.1才有的语法,故IE5+才能识别;link标签作为HTML元素,不存在兼容问题。

    4:DOM可控性区别

    可以通过JS操作DOM,插入link标签来改变样式,由于DOM方法是基于文档,无法使用@importde1的方式插入

    5:权重区别(据说有争议这里就不具体的说了)

  • 相关阅读:
    Java8 新特性default
    Java Map操作
    Java List操作
    Java Set操作
    Java集合 List,Set,Map
    Java final,static 关键字
    Java ConcurrentHashMap
    Java Synchronized的用法
    Linux 基本收集
    HashMap 扩容 加载因子
  • 原文地址:https://www.cnblogs.com/hl2016-10-28/p/8573225.html
Copyright © 2011-2022 走看看