CSS 格式化、压缩

一键美化 CSS 缩进结构,或压缩为最小体积;保留字符串与 url() 内容,只处理注释、空白与可安全优化的数值。

选项

—

压缩只做安全变换:合并空白、移除注释、去掉末尾分号、0px → 0、#ffffff → #fff;不改动选择器与声明顺序。

转换

—

输入 CSS

0 字节

输出结果

0 字节

选项会自动保存在本机浏览器;输入内容不保存,刷新即清空。

格式化与压缩规则

格式化:每条规则的选择器单独一行,声明逐行缩进,属性: 值; 冒号后补一个空格;顶层规则之间空一行;@media、@keyframes 等嵌套块按层级缩进。

压缩:去掉注释(勾选时保留 /*! ... */ 授权声明)、合并空白、去掉 } 前的最后一个分号、压缩选择器中的组合符空格。

安全优化:0px → 0(长度单位)、0.5 → .5、#ffffff → #fff、#aabbcc → #abc;字符串与 url() 内部内容原样保留。

体积按 UTF-8 字节计算,节省比例为 (原大小 − 结果大小) / 原大小。

深色代码模式:输入/输出均为 CodeMirror(Dracula 主题)的 CSS 编辑区,带行号、括号匹配、自动补全括号与当前行高亮;若 CodeMirror 资源缺失,会自动退回深色原生文本框,功能不受影响。

布局:页面宽度 1080px 居中,输入与输出上下排列,各 360px 高;窄屏(≤560px)自动降为 260px。