CSS 格式化与压缩工具

CSS Formatter & Minifier
Copied!
Input: 0 chars Output: 0 chars Saved: 0%

一款基于浏览器的CSS工具,能够通过恰当的缩进来美化杂乱的CSS代码,或通过移除注释、空格及不必要字符来压缩代码以用于生产环境。实时显示节省的空间大小。

为何使用此CSS格式化工具?

  • 格式化或压缩 — 一个工具,两种模式。
  • 注释剥离 — 压缩器自动移除所有CSS注释。
  • 体积统计 — 一目了然地查看输入/输出大小及节省的百分比。
  • 无依赖 — 完全在您的浏览器中运行。

核心功能

  • 智能缩进:缩进根据 { / } 的嵌套深度进行,使用2空格制表符。
  • 属性分割:每个声明在 ; 后独占一行。
  • 注释移除:压缩器会清除所有 /* */ 块注释。
  • 空白压缩:合并多个空格,并移除 {};:, 周围的空格。

工作原理

格式化器逐字符遍历CSS:
{
增加缩进并开始新行,
}
减少缩进,而
;
触发换行。压缩器使用正则表达式来移除注释、合并空白,并去除结构字符周围的空格。

尝试CSS格式化器

粘贴您的CSS,点击“格式化”或“压缩”,然后复制结果。