CSS 在线工具 CSS 压缩 / 格式化

把 CSS 贴到这里
这里会显示处理结果
压缩模式

这个工具能做什么

这是一个免费在线 CSS 压缩与格式化工具。你可以直接粘贴代码,也可以上传 .css 文件,在浏览器里完成压缩、标准格式化和单行排版,不需要安装软件,也不用注册登录。整个处理过程放在本地浏览器里完成,代码不会上传到服务器,适合日常快速整理样式表。

什么时候用压缩,什么时候用格式化

上线前更适合用 CSS 压缩,把空格、换行和注释去掉,尽量减少文件体积,方便直接用于生产环境。排查样式问题、接手旧项目,或者从线上复制回一段压缩过的代码时,更适合先做格式化,把挤在一起的 CSS 重新展开,阅读和修改都会轻松很多。

三种模式怎么选

为什么做得尽量简单

这个页面没有堆太多复杂功能,重点就是顺手。左边输入,右边出结果,支持复制、下载和文件导入,压缩前后字符数也会直接显示。平时只是想快速处理一段 CSS 时,不需要反复切页面,也不用担心被花哨的界面打断操作。

常见问题

压缩后会影响样式吗?

一般不会。压缩主要去掉空格、换行和注释,不会主动改动正常的 CSS 规则。如果压缩后样式看起来不对,通常是原始代码本身就有边界写法,压缩只是把问题更明显地暴露出来了。

一般能压缩多少?

这要看原始 CSS 的写法。注释越多、换行越多、缩进越完整,压缩效果通常越明显。日常使用里,减少 20% 到 50% 都比较常见,具体还是要看原始文件本身有多少可精简的内容。

代码会上传到服务器吗?

不会。处理过程在浏览器本地完成,不依赖把 CSS 内容发到服务器再返回结果。如果你对隐私比较敏感,可以直接断网试一下,压缩和格式化功能照样能正常用。

标准格式化和单行格式化有什么区别?

标准格式化更适合细看代码,每条规则和属性都会展开,阅读和修改更方便。单行格式化会尽量把一组规则保持在一行里,更适合快速浏览整体结构,或者整理成更紧凑的参考版本。

上传 .css 文件和直接粘贴代码,效果一样吗?

效果是一样的,只是使用方式不同。如果你手边已经有现成文件,直接上传会更省事;如果只是临时处理几段代码,直接粘贴会更快。处理完成后,你也可以再复制结果或下载为新的 CSS 文件。

提示信息