当前位置：网站首页>link 和@improt的区别

link 和@improt的区别

2022-08-05 05:24:00 【MoXinXueWEB】

@import： 可以在网页页面中使用，也可以在 CSS 文件中使用，用来将多个 CSS 文件引入到一个 CSS 文件中；

link： 只能将 CSS 文件引入到网页页面中。

**@import：**是 CSS 提供的一种方式，就只能加载 CSS ；

link： 属于 XHTML 标签，link 标签除了可以加载 CSS 外，还可以定义 RSS，定义 rel 连接属性等。

当一个页面被加载的时候，

@import： 引用的 CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import 加载 CSS 的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显；

link： 引用的 CSS 会同时被加载。

**@import ：**是 css2.1 提出的，所以老的浏览器不支持，@import 只有在 IE5 以上的才能识别；

link： 标签无此问题。

link： 方式可以让用户切换 CSS 样式.现代浏览器如 Firefox,Opera,Safari 都支持 rel=”alternate stylesheet”属性(即可在浏览器上选择不同的风格), 当然你还可以使用 Javascript 使得 IE 也支持用户更换样式

link 引入的样式权重大于@import 引入

版权声明
本文为[MoXinXueWEB]所创，转载请带上原文链接，感谢
https://blog.csdn.net/MoXinXueWEB/article/details/125512382