CSS格式化/压缩
在线CSS代码格式化与压缩工具，支持缩进美化与去除空白
0 个字符
使用说明
- 1 在输入框中粘贴 CSS 代码
- 2 点击「格式化」美化，或点击「压缩」去除空白
- 3 查看结果，可一键复制
相关工具
代码着色/高亮
在线代码高亮工具，支持多种编程语言语法着色，基于highlight.js，纯浏览器端处理
代码截图生成
在线代码截图生成工具，支持自定义标题、主题色与导出 PNG 图片。
Cron 表达式解析器（含时区热力图）
解析 Cron 表达式为人类可读描述，可视化字段含义，预览未来 10 次执行时间，并支持多时区对照与 30 天日历热力图。
代码对比查看器
并排对比两段文本或代码的差异，新增/删除行高亮显示
HTML格式化/压缩
在线HTML代码格式化与压缩工具，支持缩进美化与去除空白
HTML预览/运行器
在线HTML代码编辑和实时预览工具，支持在沙盒iframe中运行HTML代码。
HTTP 状态码速查
在线 HTTP 状态码速查工具，支持按状态码或关键词筛选常见响应说明。
JS格式化/压缩
在线JavaScript代码格式化与压缩工具，支持缩进美化与单行压缩
JSON格式化/编辑
在线JSON格式化、校验和美化工具，支持语法高亮和错误提示
JWT 解析
在线 JWT 解析工具，支持拆分 Header、Payload、Signature，并格式化展示声明内容。
正则表达式测试
在线正则表达式测试工具，支持 flags、匹配结果预览与捕获组查看，适合开发调试。
正则可视化
解析正则表达式并直观展示其组成部分（字符类、量词、锚点等），并提供测试匹配高亮
SQL格式化
在线SQL格式化工具，支持 MySQL、PostgreSQL、SQLite 等多种方言
时间戳转换
在线时间戳转换工具，支持秒级、毫秒级时间戳与日期时间双向转换。
URL 解析器
在线 URL 解析工具，支持拆解协议、主机、路径、查询参数和锚点信息。
UserAgent分析
解析浏览器 User-Agent 字符串，识别浏览器、引擎、操作系统、设备及 CPU 架构
UUID生成器
在线UUID v4生成器，支持批量生成、大写和去横线选项，一键复制。
XML格式化
在线XML格式化、美化工具，支持压缩与缩进切换
YAML格式化
在线YAML与JSON互转、格式化、校验工具，支持双向转换和错误提示
关于此工具
CSS格式化工具将压缩在一行的CSS代码还原为每个属性单独成行的可读格式，选择器与声明块之间的缩进规范统一。无论是压缩版的第三方库CSS还是构建工具输出的minified样式，粘贴即可得到清晰的格式化结果。
适用场景：阅读第三方UI框架的CSS源码、调试Webpack/Vite构建后的样式文件、整理遗留项目中缩进混乱的CSS、以及在代码评审前将样式代码格式化为规范形式。压缩功能则可将格式化的CSS转回压缩版本用于生产部署。
相比在浏览器DevTools里逐条看样式，本工具能处理完整的CSS文件，格式化后的代码可直接替换原文件。比装PostCSS插件或命令行工具更轻量，适合临时处理单个文件的场景。
常见问题
CSS格式化后会改变样式效果吗？ +
不会。格式化只调整空格、换行和缩进，不修改属性名、属性值或选择器的内容。格式化前后在浏览器中渲染的视觉效果完全一致，可以放心用于生产代码。
压缩后的CSS节省多少体积？ +
通常能减少30%~60%的文件体积，具体取决于原始代码的格式化程度。压缩主要去除空格、换行、注释，并对颜色值、0值单位等做简化处理。对于大型CSS文件，压缩后配合gzip传输效果更佳。
支持CSS变量（Custom Properties）和媒体查询吗？ +
支持。CSS变量（--variable-name: value）、@media、@keyframes、@supports等现代CSS语法都能正确格式化，不会破坏规则结构，嵌套的@规则会保持适当缩进层次。
格式化后注释会被保留吗？ +
格式化时默认保留注释（/* ... */）并格式化其位置。压缩时会移除注释以减小文件体积，除非使用特殊的保留注释语法（如/*!...*/）。如果你的CSS有授权声明注释，请使用保留语法。
支持SCSS或Less格式化吗？ +
本工具主要针对标准CSS格式化。SCSS的嵌套规则语法（.parent { .child {} }）可能无法完全正确处理。如需格式化SCSS或Less，建议使用专门支持预处理器语法的工具或编辑器插件。