• 技术文章 >web前端 >css教程

    css两种引入样式文件的区别之处的简单介绍

    不言不言2018-08-09 16:44:14原创831
    本篇文章给大家带来的内容是关于css两种引入样式文件的区别之处的简单介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

    CSS引入样式文件有2种,分别是<link>标签和@import方式,下面总结了2者的区别!

    区别1:<link>不止可以引用样式文件,还可以引用其他的资源,但是import只能引入样式表文件。


    区别2:可以通过JS操作DOM来插入<link>标签去改变样式。而对@import方式来说,由于 DOM 方法是基于文档的,因此无法使用JS操作@import去插入样式。


    区别3:<link>引入的CSS文件,在页面加载的时候就开始加载,但是@import引入的文件要等到页面加载完成才能加载。


    区别4:@import存在稍许兼容问题(IE5+),但是<link>不存在兼容问题。


    区别5:@import可以在网页页面中使用,也可以在css文件中使用,用来将多个css文件引入到一个css文件中;而link只能将css文件引入到网页页面中。注意:在css文件使用@import时,如果有重复的属性的定义,@import引入的属性值将会被覆盖。

    相关推荐:

    css3中两种渐变的实例介绍

    css的定位有什么?css定位的总结

    CSS3制作动画的属性: transform属性的介绍

    以上就是css两种引入样式文件的区别之处的简单介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS引入样式
    上一篇:css3中两种渐变的实例介绍 下一篇:在页面中怎么用css让图片有立体感的效果?(代码实测)
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 什么是BFC?深入了解BFC,聊聊作用• CSS3动画实战之:超酷炫的粘性气泡效果• 纯CSS3怎么实现波浪效果?(代码示例)• 深入探究CSS鼠标指针交互效果• 12个值得收藏的 CSS 技巧!!
    1/1

    PHP中文网