CSS 格式化
粘贴样式表——哪怕它只有一行——就能重新读懂。每条声明单独一行,嵌套块获得应有的缩进,注释留在它该在的位置。
代码不会离开此页面:格式化在你的浏览器中完成。
- 免费
- 文件不会离开你的设备
- 无需注册
- 不限文件数量
使用方法
- 把 CSS 粘贴到第一个输入框。
- 选择缩进:两个空格、四个空格或制表符。
- 复制结果,或点击「压缩」再把它收紧。
实用说明
为什么粗糙的格式化会毁掉样式表
遇到分号和花括号就切分,看上去挺管用,直到文件里出现 content: "a;b",或者 url() 里嵌着 SVG 的 data URI。这两种写法在真实 CSS 中很常见。这个格式化器逐字符读取文件,因此带引号的字符串和注释是整块搬运的,而不会在第一个标点处被斩断。
真正有用的缩进层级
媒体查询、supports 块和现代的嵌套规则各自增加一层,缩进随之跟进。顶层规则之间空一行,于是两千行的样式表读起来是一份块的清单,而不是一堵文字墙。
常见问题
注释会被保留吗?
会。单独的注释独占一行;跟在声明后面的注释仍然跟着它。
它会改动我的 CSS 吗?
不会重命名、重排或删除任何属性。移动的只是空白——样式表的行为与之前完全一致。
代码会发送到服务器吗?
不会。一切都在你的浏览器里运行,保密项目的样式表仍留在你的电脑上。
SCSS 或 LESS 呢?
嵌套规则和注释都能正确排版。变量、mixin 和控制指令会原样通过,但不会被解析理解。
相关工具
- CSS 压缩 粘贴样式表,拿回压缩后的版本。输入框下方的计数显示压缩前后的体积,你能直接看出这么做值不值。
- HTML 格式化 粘贴 HTML 就能读了。每个标签单独一行,按嵌套层级缩进——找出那个忘记闭合的 div,没有更快的办法。
- JSON 格式化与校验 粘贴 JSON,即可获得格式化、校验或压缩后的结果。数据始终留在浏览器里——当内容含有令牌或客户数据时,这一点尤为重要。
- Base64 编码解码 粘贴文本得到 Base64,粘贴 Base64 得回文本。中文、西里尔字母和表情都能完好通过——字符串按 UTF-8 读取,而不是按某一种语言的字节。
- 字数统计 输入或粘贴文本,统计结果立即更新:词数、字符数、句子数、段落数以及预计阅读时间。
- 大小写转换 粘贴文本、选择样式、复制结果。同样的词有九种写法:四种日常写法,五种程序员常争论的写法。
- CSV 转 JSON 粘贴表格,得到 JSON。解析遵循 RFC 4180,因此「张三, 李四」这样的单元格仍是一个字段,而不会被拆成两个——多数速成转换器正是在这里出错。
- JSON 美化 把一大段压缩的 JSON 粘进来,就能像读文档一样阅读。缩进随打随现,括号少了也会立刻指出来。