CSS格式化/压缩工具

专为前端开发者打造的CSS处理工具，所有代码处理完全在您的浏览器本地完成，不会上传到任何服务器，绝对安全可靠。支持完整的CSS3语法，包括媒体查询、自定义属性(CSS变量)、伪类/伪元素选择器、属性选择器等所有现代CSS特性。

三大核心功能详解

✨ 格式化 (Format)

将混乱、压缩或手写的CSS代码整理成统一、规范、易读的格式。自动统一缩进风格、冒号格式、换行规则，让代码结构清晰，便于团队协作和后期维护。

• 支持2空格、4空格和Tab三种缩进方式
• 自动处理嵌套媒体查询和@规则的缩进
• 每个规则块之间保留一个空行，提升可读性

🧹 净化 (Sanitize)

介于格式化和压缩之间的中间模式。移除所有多余的空格和换行，但保留每行一个规则的结构，既减小了文件体积，又保持了基本的可读性。适合用于测试环境或需要快速查看的场景。

• 移除所有冒号、逗号前后的多余空格
• 每个CSS规则单独占一行
• 自动应用零值简化优化
• 保留代码的基本结构和可读性

📦 压缩 (Compress)

极致压缩CSS代码，移除所有不必要的字符，将文件体积减小到最小。是生产环境部署前的必备步骤，可以显著提升网页加载速度。

• 移除所有空格、换行和注释
• 智能优化：自动合并相邻相同规则、简化零值、缩短十六进制颜色、合并相同媒体查询
• 移除空的CSS规则块
• 平均压缩率可达30%-60%

⚙️ 压缩选项说明

• 移除注释：删除所有/* 注释内容 */格式的注释（默认开启）
• 智能优化：一键开启所有安全优化，包括：
  • 零值简化：0.5rem → .5rem，0px → 0
  • 颜色缩短：#ffffff → #fff，#ff4488 → #f48
  • 合并相邻相同声明块
  • 合并相同条件的媒体查询
• 移除空规则：删除没有任何声明的空规则块（如.empty {}）

⌨️ 快捷键大全

• Ctrl + Shift + F (Mac: Cmd + Shift + F)：快速格式化代码
• Ctrl + Shift + M (Mac: Cmd + Shift + M)：快速压缩代码
• Ctrl + S (Mac: Cmd + S)：下载处理后的CSS文件
• Ctrl + A：全选编辑器内容
• Ctrl + C：复制选中内容

💡 高级使用技巧

• 直接粘贴包含<style>标签的HTML代码，工具会自动提取并处理其中的CSS内容，处理完成后会保留原标签
• 点击"示例"按钮可以加载包含各种CSS3特性的示例代码，方便测试工具功能
• 所有设置会自动保存在当前浏览器会话中，刷新页面不会丢失您的选择
• 处理完成后会显示压缩率统计，让您直观看到优化效果
• 支持处理超大CSS文件（1MB以上），处理速度远快于大多数在线工具