CSS 文件可以包含不必要的字符，例如注释、空格和缩进。在生产中，可以安全地删除这些字符，以减小文件大小而不影响浏览器处理样式的方式。这种技术称为缩小。

加载未缩小的 CSS 

看看下面的 CSS 块：

body {
  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 2em;
}

/* all titles need to have the same font, color and background */
h1 {
  font-style: italic;
  color: #373fff;
  background-color: #000000;
}

h2 {
  font-style: italic;
  color: #373fff;
  background-color: #000000;
}

此内容易于阅读，但代价是生成比必要文件更大的文件：

  • 它使用空格来缩进并包含注释，浏览器会忽略这些注释，因此可以将其删除。
  • 在和元素都具有相同的风格：除了单独宣布他们：“h1 {...} h2 {...}
    ”它们可以被表示为“ h1, h2{...}
    ”。
  • 将背景色，​​#000000​​​可表示为刚​​#000​​。

进行这些更改后，您将获得相同样式的更紧凑版本：

body{font-family:"Benton Sans","Helvetica Neue",helvetica,arial,sans-serif;margin:2em}h1,h2{font-style:italic;color:#373fff;background-color:#000}

你可能不想写那样的 CSS。相反，您可以像往常一样编写 CSS，并在构建过程中添加一个缩小步骤。