css中link与import的区别有哪些-mile米乐体育

这篇“css中link与import的区别有哪些”文章，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要参考一下，对于“css中link与import的区别有哪些”，小编整理了以下知识点，请大家跟着小编的步伐一步一步的慢慢理解，接下来就让我们进入主题吧。

css是什么意思

css是一种用来表现html或xml等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于html网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。

区别：link属于html标签，而@import是css提供的一种方式，link标签不仅可以引入css，还可以做其他事，而@import只能引入css；@import只有在ie5以上才支持；而link标签不存在兼容性问题。

在html中引入外部的css有2种方式，link标签和@import，那么它们之间什么区别呢？

1、从属关系区别

@import是 css 提供的语法规则，只有导入样式表的作用；link是html提供的标签，不仅可以加载 css 文件，还可以定义 rss、rel 连接属性等。

2、加载顺序区别

加载页面时，link标签引入的 css 被同时加载；@import引入的 css 将在页面加载完毕后被加载。

3、兼容性区别

@import是 css2.1 才有的语法，故只可在 ie5 才能识别；link标签作为 html 元素，不存在兼容性问题。

4、dom可控性区别

可以通过 js 操作 dom ，插入link标签来改变样式；由于 dom 方法是基于文档的，无法使用@import的方式插入样式。

【 】

补充说明：

@import的书写方式

 @import'style.css'//windowsie4/ns4,macosxie5,macintoshie4/ie5/ns4不识别 @import"style.css"//windowsie4/ns4,macintoshie4/ns4不识别 @import//windowsns4,macintoshns4不识别 @import//windowsns4,macosxie5,macintoshie4/ie5/ns4不识别 @import//windowsns4,macintoshns4不识别 

其中，@import 和@import 是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import 最值得推荐。

link的书写方式

另外link还有其他的一些用途，比如引入图标

总体来说：link优于@import，强烈建议使用link标签，慎用@import方式。

以上是“css中link与import的区别有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道！