CSS 格式化
在线美化与压缩 CSS，兼容 SCSS 与 LESS 语法。
输入
0 字符1 行0 B
格式化结果
在左侧输入内容，结果会实时显示在这里
0 字符1 行0 B
使用说明
这个工具解决什么问题
接手老项目的样式表,几千行 CSS 缩进五花八门,想找一个类名要靠搜索碰运气;上线前又需要把样式压到最小。这个工具双向覆盖:美化按选择器与声明块展开、统一缩进与分号风格,让样式层级一眼可读;压缩删除全部空白与注释输出单行,体积立减三到五成。
核心能力
三语法兼容:CSS、SCSS、LESS 统一处理,嵌套与插值语法不破坏。风格可配:缩进单位与宽度、引号风格可选并本地记忆。压缩:无损去除空白与注释,媒体查询与嵌套结构保持正确。校验辅助:花括号配对问题在格式化时自然暴露。
使用建议
改别人写的样式前先美化一遍,选择器层级理顺了覆盖关系才看得清;排查「样式为什么被覆盖」时,美化后按选择器搜索效率高得多;临时调试第三方站点的 CSS,压缩模式方便快速粘贴。
常见问题
SCSS 和 LESS 文件能直接格式化吗?
能。工具按 CSS 超集语法处理,SCSS 的嵌套规则、变量与混合宏,LESS 的同名特性都会被正确识别并按层级展开,不会破坏预处理语法。
缩进风格选项会记住我的选择吗?
会。2 空格、4 空格、Tab 的选择保存在浏览器本地,下次打开自动恢复上次的偏好,团队规范不用每次重设。
压缩后的 CSS 能直接上线吗?
压缩只做去空白、去注释这类无损操作,语义完全等价,可以直接使用。不过正式项目建议还是走构建产物的压缩流程,这里的压缩更适合临时瘦身、排查与对比场景。