对同一份样式表做两件相反的事。压缩去掉只有人才需要的东西——注释和缩进；美化把它们放回去，让接手的文件重新能读。两者都作用在你给的文本上，也都不动 CSS 的含义。

使用方法

1. 1 粘贴 CSS——整份文件或者一条规则都行。
2. 2 点压缩来压紧，或者点美化按缩进展开。
3. 3 看一眼字节数，然后把结果复制走。

选择器里的空格不是装饰

「.a .b」选中的是 .a 里面的 .b，「.a.b」选中的是同时带这两个类的那一个元素。它们是不同的选择器，而把空格当作多余的压缩器，会悄悄给错的元素上色。这里两个选择器部分之间的空格永远保留，只有 > 和 + 这类组合符周围的空格才会被去掉。

calc() 离不开那几个空格

在「calc(100% - 10px)」里，减号两边的空格是语法要求的：没有它们，浏览器会把「-10px」读成一个负长度，表达式随即失效，整条声明被丢掉。没有任何提示——版面就是错了。这个工具从不删除括号内部的空白。

许可证注释会留下

以 /*! 开头的注释里放的是版权或许可声明，按惯例所有压缩器都会保留它。删掉它，就等于抹去某个库要求你一并发布的署名。而普通的 /* 注释是写给你和同事看的，那些会被清掉。

压缩 CSS 的收益不如 gzip

服务器在发出去的时候本来就会压缩样式表，而 gzip 对付重复的空白非常在行——所以在它之上再做压缩，通常只省下百分之几，而不是一半。做它，是因为这个文件就是要上线的那个，你希望它又小又稳定，而不是因为指望页面明显更快。