知识点：link和@import

问：
页面导入样式时，使用link和@import有什么区别？

答：

• @import是css中的@规则，只能应用在css文件中或style元素内，只用于加载CSS；
  <link>是HTML标签，除了可以加载CSS外，还可以完成别的功能，比如定义RSS，定义rel连接属性等；

• 页面被加载的时，link会同时被加载；
  @import引用的CSS会等到页面被加载完再加载;

• import是CSS2.1 提出的，只在IE5以上才能被识别；
  link是XHTML标签，无兼容问题;
• dom可以控制link标签的各个属性，却无法修改@import

link

link标签相关知识可以参考过一遍html标签（一）：link

@import

@import是CSS@规则，用于加载外部层叠样式表。

• @import规则必须放在其他除了@charset规则以外的CSS规则的前面，否则不会被加载。
• @import规则不可嵌套于条件规则组中。
• @import可在URI后面附带媒体查询；
  每条媒体查询间用逗号分隔。若没有媒体查询，则该导入是无条件的，相当于指定媒体为all。

@import 'custom.css';
@import "common.css" screen, projection;

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;