• 技术文章 >Web开发 >css教程

    css link和@import的区别

    小妮浅浅小妮浅浅2021-08-23 20:38:16原创4823

    区别说明

    1、link是XHTML标签,除了加载CSS外,还可以定义RSS等事务。

    @import属于CSS范畴,只能加载CSS。

    2、link引用CSS在页面加载时同时加载,@import需要完全加载后加载。

    同时link是XHTML标签,没有兼容性,@import是在CSS2.1中提出的,低版浏览器不支持。link支持使用Javascript控制DOM来改变样式;@import不支持。

    实例

    <!DOCTYPE html>
    <html>
        <head>
     
           <!-- 用法1-->
            <link rel="stylesheet" rev="css/style-HOME.css" href="myCss.css" type="text/css" >
     
            <!-- 用法2-->
            <style type="text/css" >   
                @import url("css/style-HOME.css");   
            </style>
        </head>
    </html>

    以上就是css link和@import的区别,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css link @import
    上一篇:css box-sizing属性是什么 下一篇:css流式布局的介绍

    相关文章推荐

    • css使用transform垂直对齐• css中position常见的四个属性值• css中sticky属性是什么• css中sticky属性有什么特点• css浮动有哪些特性• css浮动元素的规则介绍• css浮动元素的重叠问题• css中clear属性是什么• css清除浮动的原因• css有哪些清除浮动的方法• css中BFC是什么意思• css中BFC布局规则是什么• css box-sizing属性是什么

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网