正常情况时，我们在写CSS样式的时候首先会写一个reset.css的文件，对样式进行初始化。写文之后改如何引进这个文件呢？

  1. <html lang="en">
  2. <head>
  3.     <meta charset="UTF-8">
  4.     <title>淘宝网-淘！我喜欢</title>
  5.     <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
  6.     <link rel="stylesheet" href="../css/reset.css"><!--通过link标签引入CSS文件 -->
  7.     <link rel="stylesheet" href="../css/index.css">
  8.     <base target="_blank">
  9. </head>
  10. </html>

如上代码所示， 我们通过 <link></link> 标签可以将CSS文件引入。但这并不是最好的方法。 我们可以用模块化的方式引入CSS文件。这里有一个@规则。

@规则

@charset 设置样式表的编码
@import 导入其他样式文件
@meida 媒体查询
@font-face 自定义字体

我们可以在 index.css文件中用@import的方式引入我们的reset.css文件

@import 'reset.css';