一、导入css样式时使用link和@import的区别

1、加载顺序不同

link标签会在页面加载时同时被加载，而@import是在页面加载完毕后才会被加载，因此link标签的样式会优先加载和渲染，而@import的样式则会稍后被渲染。

2、兼容性不同

link标签被所有浏览器支持，而@import在一些老的浏览器中可能不被支持。

3、引入方式不同

link标签可以在head标签中或body标签中任何位置引入CSS文件，而@import只能在CSS文件中引入其他CSS文件。

4、预加载不同

使用link标签可以通过设置rel=”preload”属性来提前加载CSS文件，从而加快网页的加载速度。而@import则没有这种预加载的功能。

5、覆盖规则不同

link标签中的CSS样式可以被后面定义的CSS样式覆盖，而@import定义的CSS样式则不能被后面定义的CSS样式覆盖。