跳到正文
马克工具箱

CSS 代码压缩

为生产环境压缩样式表。CSSO 会删除空白和注释、缩短颜色和数值写法,还会合并重复的规则,通常比只删空白压得更小。

在浏览器本地运行,输入的内容和文件都不会上传

使用步骤

  1. 粘贴 CSS 代码。
  2. 选择是否重组规则、是否保留版权注释。
  3. 点击「压缩」,或按 Ctrl+Enter(Mac 上是 ⌘+Enter)。
  4. 复制或下载压缩后的 CSS。

参数说明

合并和重组规则
在安全的前提下合并选择器相同或声明相同的规则。关闭后只删除空白、缩短数值。
保留版权注释
保留以 /*! 开头的注释,这是版权声明的惯用写法。

使用示例

a { color: #ff0000; }
/* note */
a { margin: 0px; }

压缩后是 a{color:red;margin:0}。

常见问题

会缩短哪些内容?

颜色(#ff0000 → red、#ffffff → #fff)、零值单位(0px → 0)、多余的分号和引号以及空白。开启重组后还会合并重复的规则。

重组规则会改变页面效果吗?

CSSO 只在层叠结果不变时才移动声明。如果用了特殊的 hack 写法,请对比结果或关闭重组。

代码会上传吗?

不会,压缩在浏览器中完成。

隐私说明

本工具完全在浏览器中运行,文件和文本都在你的设备上处理,不会上传到我们的服务器。

相关工具