• 调用css时,link和@import url的区别


    1,@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。

    2,@import 是css2里面的,所以古老的ie5不支持。

    3,当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

    4,link除了能加载css外还能定义RSS,定义rel连接属性,@import只能加载css

    5,@import url 会占用html文件空间

    所以我认为结合来使用就最好,比如:<link href="css/style.css" rel="stylesheet" type="text/css">

    引用了一个style.css文件,在main.css里面再引用@import url(head.css);@import url(body.css);

    这样达到一个清晰明了的作用.

  • 相关阅读:
    「2019冬令营提高组」原样输出
    FJWC2019
    P2763 试题库问题
    P3979 遥远的国度
    P2754 [CTSC1999]家园
    P1251 餐巾计划问题
    P1382 楼房
    P1384 幸运数与排列
    P4294 [WC2008]游览计划
    P3345 [ZJOI2015]幻想乡战略游戏
  • 原文地址:https://www.cnblogs.com/slsddy/p/11346799.html
Copyright © 2020-2023  润新知