导入样式时,@impot 和 link的区别

267 阅读1分钟

一 1 link常见用法

<link rel="icon" href="xxx">
<link rel="stylesheet" href="xxx" />

2 @import用法

@import url(xxx)

3 常见区别

  1. link用于html标签里面,常见于header部分;import用于css文件里面。

  2. 加载顺序:link在页面加载时会同时加载,@import则是等页面加载完后再加载。

  3. 兼容问题:link无兼容问题;@import低版本的浏览器不支持