CSS 压缩/美化

把一段 CSS 在「美化」与「压缩」之间自由切换:美化会按 { } ; 换行并缩进,压缩会去除注释与多余空白并去掉末尾分号。字符串与注释内的内容不会被破坏,仅调整排版,不校验选择器,也不解析语义。

输入 CSS 等待输入
模式

本工具仅做排版格式化,不校验选择器与属性是否合法,也不做浏览器兼容性处理。

处理结果
规则数—
字符数—
压缩后字符—
压缩比—
输入 CSS 并点击「格式化」,结果将显示在这里。

美化会按 { } ; 换行并缩进;压缩会去除注释与多余空白,并去掉块末尾的分号。

处理规则
  • 美化:{ 前保留选择器,{ 后换行并缩进一级,} 前换行并回退一级。
  • 美化:每个 ; 之后换行,缩进宽度固定为 2 个空格。
  • 压缩:删除 /* ... */ 注释;注释在字符串内时不删除。
  • 压缩:去除 { } ; , > : 两侧的多余空白,连续空白压缩为一个空格。
  • 压缩:去掉块末尾的分号,例如 a{color:red;} 变为 a{color:red}。
  • 双引号与单引号字符串内容整体保留,其中的括号与分号不会被当作结构符号。
  • 规则数按输入中 { 的出现次数统计,字符数按输入原始长度统计。