在线格式化、美化与压缩 CSS 代码,可自定义缩进并校验括号配对
CSS 格式化压缩工具:把挤成一团的 CSS 一键排版成层次清晰的样式表,或压缩成体积最小的一行,适合前端开发、邮件模板样式与静态资源发布前的整理,与站内的「HTML格式化压缩」配合使用效果更佳。
格式化会为每条声明单独成行并按花括号层级缩进(缩进可选 2 或 4 空格),保留注释与 @media、@keyframes、@supports 等 at-rule 的内部结构;选择器列表、媒体查询条件、值内部的空格(如 margin: 0 auto、calc(100% - 10px))都会保持正确,不会产出非法 CSS。
压缩会删除注释(保留 /*! 开头的许可证声明)、换行与标点两侧的多余空格,并去掉右花括号前多余的分号;字符串内容与值内部的必要空格原样保留。另外提供「仅校验括号配对」,可定位未闭合的花括号、多余右括号与未闭合的引号、注释。
格式化(美化)用于阅读和二次编辑:把压缩过的 CSS 按层级展开,便于定位选择器与修改样式。压缩用于上线发布:删除换行、多余空格与注释,减小文件体积、加快加载。建议开发阶段用格式化,发布前再压缩。
一般不会。工具只在标点两侧删除空白,并保留值内部的必要空格,例如 margin: 0 auto、font: 12px/1.5 Arial、calc(100% - 10px) 中的空格都会保留;字符串(如 content: "a b")与 /*! 许可证注释也原样保留。
不会。工具只调整空白与注释,不会改写选择器、属性名或属性值,也不会做 0px → 0、颜色值缩写这类「有风险」的优化——这类改写虽然更短,但在个别场景下会改变渲染结果。
支持。这些 at-rule 的块内容会按层级正确缩进,@keyframes 内的关键帧(0%、from、to)作为嵌套块再缩进一级;压缩时会保持查询条件中的空格(如 and (min-width: 768px)),不会产出非法写法。
按源码判断:url(image.png) 这类函数写法不会插入空格(语法要求不能有空格),而 @media screen and (min-width: 768px) 中 and 与括号之间的空格会保留(语法要求必须有空格),避免压缩后样式失效。
能查出未闭合的花括号、多余的右花括号,以及未闭合的引号与注释,并给出所在行号。适合在压缩或格式化前先确认样式表没有语法残缺。