使用方法
- 把样式表粘贴到“CSS”中。字符串和“url()”会原样保留。
- “模式”保持为“压缩”可使 CSS 更小；选择“美化”则更便于阅读。
- 比较“处理前字节数”和“处理后字节数”，查看节省了多少。
- 复制“结果”，或下载为 styles.css。
压缩删除什么，保留什么
CSS 注释从 /* 到 */，会被删除；但以 /*! 开头的声明会被保留，因为它携带着许可或署名。CSS 语法规范（英文） 定义了注释，本工具按同样的规则读取字符串和 url() 标记，因此它们的内容被原样复制。
空格只保留在语法需要的地方：花括号、逗号、声明中冒号的周围，以及感叹号之前。代码块的最后一个分号会被删除，因为右花括号本身就结束了代码块。选择器中冒号前的空格会保留，因为 .card :hover 与 .card:hover 意思不同。
a { color : red ; } becomes a{color:red}颜色、零值及未做的缩写
十六进制颜色中若每对数字都重复，则写成三位或四位：#ffffff 变为 #fff，#aabbccdd 变为 #abcd。字母一律小写。选择器中的颜色从不改动，因为 #aabbcc 这样的选择器指的是一个 id。
值开头的 0px 变为0。在 calc() 等函数内部，以及以两个连字符开头的自定义属性中，长度保持不变，因为裸的0并非在所有场合都会被读作长度。美化不改动任何颜色或长度。
- 尺寸按 UTF-8 字节计算，这也是服务器发送文件的方式；带重音符号的字母占两个字节。
- 压缩后请测试页面，因为针对旧浏览器的少数技巧可能依赖于压缩器删除的空格。
计算示例：带注释、颜色和零值的规则
文本 .card { color: #aabbcc; /* note */ margin: 0px 10px; } 含有一条注释、一个每对数字都重复的十六进制颜色，以及值开头的零长度。压缩后删除注释和空格，颜色写作 #abc，零值写作0。
结果为 .card{color:#abc;margin:0 10px}，规则的效果与之前完全相同。
常见问题
压缩后的 CSS 对浏览器来说与原文相同吗？
是的，对浏览器来说规则的作用方式相同，因为本工具只删去 CSS 语法不需要的内容。不过压缩后仍应检查页面，因为少数技巧可能依赖于某个空格。
为什么工具不删除每一个带单位的零？
函数（如 calc()）内部以及自定义属性中的零，并不总是被读作长度，因此工具只缩短值开头的 0px。这样，在它所处理的每种情况下结果都是安全的。
为什么美化时注释会单独占一行？
每条注释都单独写在它所属规则的层级上，因此样式表的结构仍然容易理清。以 /*! 开头的声明同样会被保留。
工具会检查我的 CSS 是否有错误吗？
不会。它只读取结构：检查花括号、字符串和未加引号的 url() 值是否闭合。它不检查属性名或值是否有效，这需要使用验证工具。
我的 CSS 会被发送或保存到别处吗？
不会。压缩和美化都在您的浏览器中完成。内容既不会保存，也不会发送到我们的服务器，因此离开页面前请先复制结果。
资料来源
数据和文字最近核对于2026年11月10日星期二。