前端夯实基础（八）--- link与@import

1、来源

• @import是 CSS 提供的语法规则，只有导入样式表的作用；
  语法：

  @import url;
  @import url list-of-media-queries;
  

  url：这个 URL 可以是绝对路径或者相对路径。
  list-of-media-queries：是一个逗号分隔的 媒体查询 条件列表，决定通过URL引入的 CSS 规则 在什么条件下应用。如果浏览器不支持列表中的任何一条媒体查询条件，就不会引入URL指明的CSS文件。

  示例：

  @import url("fineprint.css") print; // 打印
  @import url("bluish.css") projection, tv; // 投影或电视
  @import 'custom.css';
  @import url("chrome://communicator/skin/");
  @import "common.css" screen, projection;  //屏幕或投影
  @import url('landscape.css') screen and (orientation:landscape); // 屏幕且横屏
  

• <link>是HTML外部资源链接元素，是HTML提供的标签， 规定了当前文档与外部资源的关系。
  不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
  其中，rel属性 表示“关系 (relationshi