正在准备工作区…
输入
正在准备工作区…
输出
结果将显示在这里。
使用方法
- 粘贴 CSS、打开 UTF-8 文件或载入“示例”。
- 选择缩进，或启用“压缩 CSS”，再执行操作。
- 检查结果，使用“复制”或“下载”。
CSS 格式化与压缩的区别
格式化让样式表更易阅读和审查；压缩通过移除可选空白和普通注释，生成更紧凑的文本。
两种操作都会先解析输入。格式化使用 Prettier；压缩使用 CSSTree 生成紧凑语法，不执行整份样式表的优化。
选择操作
格式化通过一致的缩进和换行展开源码。可选择两空格或四空格，与项目保持一致。
压缩会精简有效 CSS，保留必要空格和以感叹号开头的许可证注释。结果中仍可能包含独立优化器能进一步简化的内容。
输入
.card { color: red; padding: 8px; }结果
.card{color:red;padding:8px}紧凑语法示意；选择“压缩 CSS”即可生成此形式。
解析与转换边界
工具不会删除未使用的选择器、合并规则、重写资源 URL 或获取导入文件。请结合原应用环境测试结果。
输入应为 CSS，而非 Sass 或 Less 程序。解析错误会显示；源码或设置更改后，旧结果无法导出。
导出样式表
“复制”导出完整当前结果；“下载”保存为 styles.css。两者都不会编辑源文件或将样式表安装到项目中。
处理限制
文本输入最大 1 MiB。CSS 和 HTML 转换在工作线程中运行，限时 30 秒。颜色工具使用 sRGB；生成的样式仅供预览，需要在您的布局中测试。
?
常见问题
压缩会删除未使用的 CSS 吗？
不会。工具仅压缩语法，不分析 HTML，也不判断哪些选择器被使用。
会保留许可证注释吗？
压缩会保留以 /*! 开头的注释，删除普通注释。如果项目有其他声明要求，请检查输出。
可以粘贴 Sass 或 Less 吗？
工具解析 CSS，不运行 Sass 或 Less 编译器。请先编译预处理器源码。
修改输入后为什么无法复制？
显示结果属于之前的源码或设置。重新执行所选操作，才能生成当前结果。
样式表会上传吗？
不会。解析和转换均在浏览器中完成。打开文本文件只在本地读取，“下载”生成新的输出文件。