CSS 格式化工具
转换器美化或压缩 CSS 代码，自动缩进、规范化选择器与属性排序，支持嵌套规则展开。纯浏览器处理，适合清理生成的 CSS、代码审查前的格式统一与生产环境代码压缩。
CSS输入
CSS输出
关于 CSS 格式化工具
CSS 格式化工具帮助你美化或压缩 CSS 代码，基于 CSS 词法分析器逐 token 解析，正确处理选择器、声明块、属性值、注释和嵌套规则。完整支持 @media 响应式查询、@keyframes 关键帧动画、@supports 特性检测、@font-face 字体定义、@import 导入规则等 at-rule，以及 CSS Variables 自定义属性、:where() 与 :is() 伪类函数和 calc() 计算函数。提供 2 空格、4 空格和 Tab 缩进选项，美化与压缩模式一键切换。所有解析与格式化均在浏览器本地执行，代码不会被上传到任何服务器，适合处理含内部样式表和商业项目的 CSS 文件。
使用方法
- 打开 CSS 格式化工具 工具页面
- 根据需求输入或粘贴数据到输入区域
- 查看实时处理结果，使用复制按钮获取输出
使用场景
- 样式美化 — 将压缩后的 CSS 格式化为可读的缩进格式，便于调试和修改。
- 项目整理 — 统一项目中 CSS 代码的缩进和格式风格，提升代码一致性。
- 样式审查 — 在审查前格式化 CSS，使选择器和属性结构更清晰。
常见问题
格式化会改变 CSS 样式吗？
不会。格式化只调整缩进、换行和空格，不会改变 CSS 的样式效果。
支持 @media 和 @keyframes 吗？
支持。正确处理媒体查询、关键帧动画、supports 等 at-rules 的嵌套和缩进。
支持压缩模式吗？
支持。切换到压缩模式可以移除多余空格和换行，生成最小化的 CSS 代码。
作者：Dennis · 全栈开发者 · contact@oltool.net最后更新：2026 年 7 月
广告
评论与讨论
评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。