CSS 工具

开发辅助美化 · 净化 · 整理 · 优化 · 压缩 · 本地处理

CSS 在线处理工具：美化格式化、净化单行去注释、属性整理排序、优化长属性值为简写、px 转 rem/rpx、压缩最小化、样式加范围前缀与一键下载，calc/url/字符串智能保护，纯浏览器本地处理。

简介

CSS 工具是一个功能强大的在线 CSS 代码处理工具，提供多种实用功能来帮助您更好地管理和优化 CSS 代码。全部处理在浏览器本地完成，代码不上传服务器。

功能说明

美化：格式化代码，使之容易阅读（标准缩进与换行）。净化：将代码单行化，并去除注释。整理：按照一定的顺序（布局 → 盒模型 → 排版 → 视觉），重新排列 CSS 的属性。优化：将 CSS 的长属性值优化为简写的形式（如 margin: 0px 0px 0px 0px → margin: 0、#ffffff → #fff），自动保护 calc()、url() 与字符串内容。

px转rem：按 1rem = 16px 基准换算（0px 保持 0）。px转rpx：按 750rpx 设计稿宽（iPhone6 375px）换算，1px = 2rpx。压缩：将代码最小化，加快加载速度。加范围(Scopify)：为每条样式规则的选择器添加统一前缀（右侧输入框可自定义，默认 #app），用于样式隔离，@keyframes/@font-face 等自动跳过。下载：将处理结果保存为 .css 文件。

工作原理

本工具内置轻量 CSS 解析器，能够准确解析 CSS 代码并进行相应的处理，字符串、url()、calc() 与嵌套规则（@media/@supports/@keyframes）在处理过程中保持功能完整性，确保处理后的代码能正常工作。