🎨 CSS 压缩 / 格式化工具

什么是 CSS 压缩（CSS Minify）？

CSS 压缩是指删除样式表中所有不必要的空白字符、换行符、注释，并优化代码写法（例如去掉块内最后一个分号）， 从而在不改变样式效果的前提下显著减小 CSS 文件体积。CSS 文件越小，网页加载越快，尤其适合移动端页面和 CDN 缓存场景。 本站的在线 CSS 压缩工具采用纯前端解析，代码只在你的浏览器本地处理，不会上传到任何服务器，安全可靠。

什么是 CSS 格式化（美化排版）？

CSS 格式化是将压缩过或书写杂乱的样式代码重新排版为易读的格式：每个选择器和属性各占一行、层级缩进清晰、 冒号与逗号后统一留空格，并支持 2 空格、4 空格、Tab 三种缩进风格，让团队协作与代码审查更加轻松。

这个在线 CSS 工具支持哪些功能？

• ✨ CSS 格式化：自动缩进、对齐选择器与属性，支持 2 / 4 空格及 Tab 缩进
• 📦 CSS 压缩：去除空白与注释，支持删除最后一个分号、保留 /*! 重要注释
• ✓ CSS 校验：检查花括号、圆括号、方括号是否匹配，注释与字符串是否闭合
• 🎨 语法高亮：选择器、属性、数值、颜色、字符串、注释分类着色
• 📂 打开本地文件、📋 一键复制、💾 下载压缩后的 CSS
• ⏱ 输入即格式化：粘贴或输入后自动排版，无需点击按钮

如何使用？

将需要处理的 CSS 代码粘贴到左侧输入框（或点击「打开文件」选择本地的 .css 文件）， 点击「✨ 格式化」或「📦 压缩」即可在右侧查看结果。也可以直接点击「📄 示例」加载一段示例样式快速体验， 处理完成后点击「📋 复制」或「💾 下载」获取结果。

注意事项

CSS 压缩不会改变样式的最终显示效果，但请务必在压缩前先「✓ 校验」代码结构是否正确， 特别是花括号是否成对出现。若遇到 calc()、url() 等特殊函数，本工具会自动保留其中的必要空格与原始内容， 避免压缩后样式失效。另外，删除最后一个分号会进一步减小体积，但部分老旧浏览器或特殊写法下建议保留分号更稳妥。