link与@import

导入外部样式的两种写法

<link rel="stylesheet" href="xxxx.css">

<style>
    @import url("a.css");
    @import url("b.css");
</style>

link引入外部样式（建议使用）

 

• 优点： 样式文件可以并行并且顺序加载，减少页面渲染时间
• 缺点： 多个样式文件需要写多个link

@import引入外部样式（放弃使用）

 

• 优点： 一个样式文件可以包含多个样式文件

• 缺点：

  • 1. link与@import共存时，ie下link加载完，@import才会进行
  • 2. 多个@import时，ie引起文件加载顺序的改变
  • 3. 很可能造成页面内容加载完，样式还没加载完，页面混乱问题