link与@import的区别

一、语法

1、link语法结构

<link href="CSSurl路径" rel="stylesheet" type="text/css" />

2、@import语法结构

<style>
@import + 空格+ url(CSS文件路径地址);
</style>

二、区别

1、语法结构不一样
link是属于html 标签，需要在html源代码中使用，@import是css提供的一种引用方式，在css文件中直接引入，在html源码中则需要加上标签才可引用样式；

2、加载顺序的差别
当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。