CSS 格式化与压缩
美化 CSS 便于阅读,或压缩后直接上线
本地运行
loading…
关于此工具
把压缩过或东拼西凑来的 CSS 展开成每行一条声明的规则,或者把样式表挤压到适合生产环境的体积。美化器统一缩进和花括号位置;压缩器去掉注释、折叠空白、丢弃末尾分号,但绝不碰字符串、url(...) 的内容和 calc() 表达式。
压缩器对自己不做的事很坦诚:不重命名选择器、不合并重复规则、不重写颜色。这让输出可预测,对任何样式表都安全——包括带 hack 和厂商前缀的——粘贴、压缩、上线。
和这里的每个工具一样,处理在本地进行。未发布的设计系统代码留在你的浏览器里。
常见问题
- 压缩后的 CSS 能小多少?
- 手写 CSS 通常缩小 15–30%,主要来自缩进和注释。服务器上的 gzip 会消除很多同类冗余,所以线上传输体积的差距比原始字节数看起来要小——但还是值得压缩,它同时缩短了解析时间。
- 对 calc()、自定义属性和媒体查询安全吗?
- 安全。calc() 内的空格有语法意义,会被保留;自定义属性及其 var() 引用是普通声明,原样通过;@media 等 at 规则保持结构不变。
- 为什么后代选择器保留了空格?
- 因为 "nav a" 和 "nava" 选中的是不同的东西——那个空格是组合器,不是排版。压缩器只移除没有语法意义的空白。
- 能在 LESS/SCSS 和 CSS 之间转换吗?
- 不能——预处理器语法需要的是编译,不是格式化。恰好也是合法 CSS 的普通 SCSS 可以正常格式化;嵌套规则和 mixin 不行。