本篇文章给大家带来的内容是关于css两种引入样式文件的区别之处的简单介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
css引入样式文件有2种，分别是标签和@import方式，下面总结了2者的区别！
区别1：不止可以引用样式文件，还可以引用其他的资源，但是import只能引入样式表文件。
区别2：可以通过JS操作DOM来插入标签去改变样式。而对@import方式来说，由于 DOM 方法是基于文档的，因此无法使用JS操作@import去插入样式。
区别3：引入的CSS文件，在页面加载的时候就开始加载，但是@import引入的文件要等到页面加载完成才能加载。
区别4：@import存在稍许兼容问题（IE5+），但是不存在兼容问题。
立即学习“前端免费学习笔记（深入）”；
区别5：@import可以在网页页面中使用，也可以在css文件中使用，用来将多个css文件引入到一个css文件中；而link只能将css文件引入到网页页面中。注意：在css文件使用@import时，如果有重复的属性的定义，@import引入的属性值将会被覆盖。
相关推荐：
css3中两种渐变的实例介绍
css的定位有什么？css定位的总结
CSS3制作动画的属性： transform属性的介绍
以上就是css两种引入样式文件的区别之处的简单介绍的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2894213.html
