CSS美化器和CSS美化器缩小器
将杂乱或缩小的 CSS 格式化为干净、可读的样式表 - 或压缩格式化的 CSS 以缩小文件大小。调整缩进、选择器格式和注释处理。一切都在您的浏览器中运行；您的代码从未被上传。
Input CSS
0 chars · 0 lines
Output
0 chars · 0 lines
如何美容与美化在线缩小 CSS
了解两种模式
CSS 样式表通常会处于两种状态： 缩小化的 （没有空格，一行，难以阅读）或 格式不一致 （混合缩进，奇怪的换行符）。该工具可处理两个方向：
- 美化 使用成熟的CSS将压缩的CSS扩展为可读的布局
js-beautify图书馆。缩进、选择器格式和规则之间的间距都是可配置的。 - 缩小 删除注释和不必要的空格，以减少为用户提供的字节数——当您没有构建步骤时，这对于交付生产 CSS 非常有用。
如何使用这个工具
- 将 CSS 粘贴到左侧的输入窗格中。
- 从工具栏中选择缩进和格式选项。
- 点击 美化 格式化，或 缩小 来压缩。
- 复制结果，下载为
.css文件，或单击 用作输入 到连锁经营。
该工具可处理标准 CSS 以及类似 SCSS 的嵌套语法、媒体查询、关键帧和 CSS 变量。所有处理都在您的浏览器本地进行。
常问问题
我的 CSS 上传到任何地方了吗？
不会。美化器和缩小器都使用客户端 JavaScript 完全在浏览器中运行。您的代码永远不会离开您的设备，也不会记录任何内容。
缩小实际上可以节省多少？
对于典型的手写或未缩小的样式表，缩小后预计大小会减少 20-40%，主要是通过删除注释、缩进和换行符来实现。在已经很紧凑的 CSS 上，节省的空间较小。输出窗格显示确切的字节增量。
压缩器会破坏我的 CSS 吗？
缩小器仅删除每个规则块末尾的空格、注释和尾随分号。它不会重写选择器、合并规则或重新排序属性，因此输出在行为上与输入相同。
是否支持SCSS或LESS？
它格式化 SCSS 样式的嵌套规则和行注释（//）足以满足休闲使用，但它不是 SCSS 编译器。对于真正的 SCSS/LESS 工作流程，请先编译为 CSS，然后根据需要在此处进行格式化。
是否支持CSS变量， @supports，和现代语法？
完全支持。自定义属性（--var), @supports, @container, 嵌套, :is()/:where()， 和 color-mix() 在美化和缩小模式下所有内容都正确通过。