CSS美化器

在几秒钟内让你凌乱的 CSS 变得干净且可读。

Tool Icon CSS美化器

CSS Beautifier

关于此工具

说实话,CSS 可能会变得混乱。快速地。前一分钟你还在编写干净的样式,下一分钟你就得到了精简的代码、随机的换行符和看起来像小孩靠近键盘的缩进。这就是 CSS 美化器的用武之地。它并不神奇,但也很接近了。你粘贴凌乱的、压缩的或者只是简单丑陋的CSS,它会输出一些可读的东西。没有绒毛。没有任何过分的承诺。只是干净、有组织的代码,不会让你想哭。 多年来我使用过十几个这样的工具。大多数都很好。有些是垃圾。好的?他们不只是重新格式化——他们尊重你的结构,保持你的评论完整,并且不会无缘无故地重新安排你的规则。这个?这是最好的之一。简单的。快速地。按照锡上所说的去做。

主要功能

  • 将缩小的 CSS 重新格式化为可读、正确缩进的代码
  • 保留评论 - 因为是的,有时它们很重要
  • 允许您自定义缩进(空格或制表符,您自己决定)
  • 处理嵌套规则和媒体查询而不破坏它们
  • 如果您获取开源版本,则可以离线工作
  • 无广告、无跟踪、无“高级升级”弹出窗口
  • 支持现代 CSS,例如自定义属性和网格语法
它并不是试图重写您的代码或在您背后“优化”它。它只是让它看起来不错。从字面上看,它就像一个具有风格感的代码格式化程序。

常见问题解答

这个工具会破坏我的 CSS 吗?
不。它只会重新格式化,不会改变逻辑、删除规则或扰乱选择器。如果你的 CSS 之前可以工作,那么之后也会工作。我已经在混乱的遗留代码和现代框架上对其进行了测试。从来没有遇到过问题。

我可以将其用于大文件吗?
是的,在某种程度上。有小于 50KB 的吗?没问题。除此之外,您的浏览器可能会有点滞后。对于大文件,我建议使用本地脚本或编辑器插件。但对于大多数项目来说?这处理得很好。