两种引用外部CSS文件的方法

一、用<link>标签引入

<link rel="stylesheet" href="a.css" />

二、在css里面引用另一个文件

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

三、二者之间的差别

1）Link 采用 HTML 标签将 CSS 关联，而 import 可以在一个 CSS 文件中引入其它的 CSS 文件

2）兼容性的差别。IE6 以下不支持@import

3）加载顺序的差别 import加载的css文件最后加载。

4）JS 控制 DOM 样式时的差别（link 支持使用 Javascript 控制 DOM 去改变样式；而@import 不支持）

5）@import 在 IE 中会导致文件下载次序被更改，例如放置在@import 后面的 script 文件会在 CSS 之前被下载执行，若此时脚本里 getElementsByClassName 时则出错。