css2种引入样式文件的区别之处的容易介绍1

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

本篇文章给大家带来的内容是关于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引入的属性值将会被覆盖。