一、语法
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的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。