zoukankan      html  css  js  c++  java
  • 13.页面导入时,使用link和@import有什么区别

    在html设计编写中,样式有四种方式作用于网页,分别是:内联样式,嵌套样式,链接样式 ( link ),导入样式(@import )。
    内联样式以及嵌套样式在这里我们就不做过多的介绍,我们都知道内联样式只对当前标签有用,嵌套样式只在当前页面起作用;
    我们接着说链接样式 link 与导入样式 @import的区别:

    1.类型不同

    link: 是html标签

    @import: 是css语法

    2. 加载时机不同

    link: 引入的样式在页面加载时同时加载

    @import: 引入的样式需等页面完全载入以后再加载

    3. 兼容性

    link: 是XHTML标签没有兼容性问题

    @import: 不兼容ie5以下

    4.动态改变

    link: 支持使用Javascript控制DOM去改变样式

    @import: 不支持



    作者:前端的secret
    链接:https://www.jianshu.com/p/fd2ea10f698d
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 相关阅读:
    header
    panel----单个基础版
    vue-demo
    js不同类型变量比较
    reset.css
    关于各个浏览器的兼容问题
    git
    AMD与CMD区别
    喜欢前端的看过来哦
    js中数组去重的几种方法
  • 原文地址:https://www.cnblogs.com/dream111/p/13458786.html
Copyright © 2011-2022 走看看