正确处理所有 CSS 结构:选择器、规则块、at-rules(@media、@keyframes、@supports)、注释以及带正确缩进的嵌套规则。
输出带有配色高亮:选择器、属性名、属性值、at-rules、注释、CSS 自定义属性和颜色字面量在视觉上各不相同,让格式化后的代码一目了然。
「压缩」按钮会移除 CSS 中的所有空白、注释和多余的分号——非常适合查看打包工具的输出效果,或快速压缩小段代码。
所有 CSS 格式化完全在你的浏览器中完成。不会向任何服务器发送内容。你的代码始终保持私密,工具也能离线使用。
CSS 格式化工具会把原始或压缩过的 CSS 重新排版,采用一致的缩进、间距和换行以提升可读性。它不会改变样式的应用方式——只改变面向开发者的视觉结构。
不会。无论 CSS 是压缩过的还是漂亮缩进的,浏览器解析方式都完全相同,改变的只是开发体验。格式化后的 CSS 更易于阅读、调试和维护。
支持。像 --primary-color: #00e5b8 这样的 CSS 自定义属性会被正确处理,并在输出中用独特的颜色高亮显示。
支持。所有 at-rules 均已支持,包括 @media、@keyframes、@supports、@import 和 @font-face。嵌套规则会自动多缩进一级。
CSS 压缩会移除所有多余的空白和注释以减小文件体积,从而提升页面加载速度。本工具的「压缩」按钮让你在部署前先预览压缩后的输出。