CSS 压缩工具
粘贴样式表即可去除空白和注释，缩短数值（如 #ff0000 → red），并借助 CSSO 的结构优化合并重复规则。
在浏览器中运行无需注册不上传任何数据
压缩结果
如何使用CSS 压缩工具
- 粘贴 CSS 或打开一个
.css文件。 - 保持开启结构重组以合并规则和声明，或关闭它以只做安全的空白压缩。
- 保持开启保留许可证注释，以保留
/*! … */声明。 - 对比原始大小、压缩后大小和 gzip 后大小。
- 复制结果或下载
output.min.css。
CSS 压缩的原理
本工具使用 CSSO（CSS Optimizer），它会把样式表解析成语法树，再以最短的等价形式输出。除了去除空白和注释，它还会进行安全的数值改写：
#ffffff→#fff，#ff0000→red0px→0，0.90→.9margin: 8px 16px 8px 16px→margin:8px 16px- 删除空规则和重复声明
“结构重组”有什么作用？
结构重组会通览整个样式表：声明完全相同的规则会被合并为一个选择器列表（.a,.b{color:red}），重复的选择器也会被合并。在真实项目的样式表上，这通常还能再节省 5–15%。CSSO 只在层叠顺序保持不变时才合并；但如果你依赖一些不寻常的覆盖规则，可以关闭它，只做纯语法层面的压缩。
为什么要压缩 CSS？
CSS 会阻塞渲染：在 <head> 中的样式表下载并解析完成之前，浏览器无法绘制页面。更小的 CSS 意味着更快的首次内容绘制（First Contentful Paint）和更好的 Core Web Vitals，对用户体验和搜索排名都有帮助。配合服务器端的 gzip 或 Brotli 压缩效果最佳。
常见问题
压缩 CSS 安全吗？
安全。空白和注释不会影响 CSS 的渲染，CSSO 的数值改写在规范上是等价的。结构重组会保持层叠顺序；如果你想要最保守的输出，可以将其关闭。
是否支持自定义属性、嵌套和 @layer 等现代 CSS？
支持。自定义属性（
--var）、@media、@supports、@layer、@container 和 grid 语法都会被保留。压缩后的 CSS 还能还原吗？
压缩后的 CSS 可以用任何格式化工具重新缩进，但被删除的注释无法恢复。请保留原始源文件，把压缩文件当作构建产物。
我的样式表会被上传吗？
不会。压缩在你的浏览器中完成，不会发送任何内容到服务器。