跳到主要内容
Toolars
探索
报告问题

开发 · 本地工具

CSS 格式化

CSS Formatter

用真正的解析器把 CSS 重排为 2 或 4 空格缩进的一致规则,未闭合括号等语法错误会中止并指出行列;本地执行,附输入输出字节统计。

任务路径 / 从输入到结果

粘贴 CSS

本地运行 · 不做任何上传

了解CSS 格式化的使用方法、隐私说明与相关工具

任务路径 / 从输入到结果

如何格式化 CSS

  1. 01

    粘贴 CSS

    粘贴不超过 256 KiB 的 UTF-8 源码;格式化可选两个或四个空格。

  2. 02

    选择缩进

    选择 2 或 4 个空格。示例已预载;点击“格式化”后才会应用新设置。

  3. 03

    用真正的解析器格式化

    点击“格式化”。Prettier 按所选缩进和 100 列打印宽度解析并重新输出 CSS;请在目标页面检查。

  4. 04

    检查结果与统计

    对比输入与输出的 UTF-8 字节数及节省比例。节省值为负表示结果变大;复制或下载前先检查。

  5. 05

    复制或下载结果

    格式化后的样式表显示在只读的“格式化后的 CSS”面板中,下方带有输入、输出与体积变化的统计。点“复制结果”放入剪贴板,或点“下载”保存为 toolars.css。

工具速览

处理方式
在浏览器本地完成
输入是否离开设备
从不
数据保留
不保存任何内容
价格
免费

你的输入留在浏览器里。

CSS 格式化 使用经过验证的本地执行路径,不会创建隐藏的输入或输出历史记录。

本地执行

在当前浏览器标签页内运行。

无隐藏处理

使用中的工具数据绝不会成为 Toolars 的文档记录。

无需账户

无需创建账户即可使用核心工作流。登录后收藏才会同步到你的账户。

立即重置

关闭标签页,当前的工作数据即刻消失。

CSS 格式化 的适用场景

代码审查

在分享给其他开发者之前,让源码更易于检查。

构建产物

生成紧凑的 HTML、CSS 或 JavaScript,而不执行源码。

可直接复制的片段

格式化一个聚焦的示例,直接放入文档或编辑器。

CSS 格式化 究竟做什么

压缩过的样式表需要可审查的差异。粘贴后选 2 或 4 个空格并格式化,再在目标页面检查选择器和回退规则顺序。字节数不能证明只改了空白。

常见问题

大小限制是多少?
输入上限 256 KiB,输出上限 512 KiB。本地 Worker 的启动和执行各有 5 秒时限;编辑源码或点击取消会停止处理。
格式化会改变 CSS 的行为吗?
格式化统一排版,不会测试布局或浏览器支持。请在目标页面检查选择器、自定义属性和层叠关系,并保留原文件对照。
为什么我的 CSS 被拒绝了?
这里是真正的解析器,而不是文本整理工具:未闭合的花括号、多出的字符等语法错误会中止运行,状态行会指明问题所在的行与列。无效输入不会产生任何输出。
能用制表符或八空格缩进吗?
不能。缩进尺寸恰好提供 2 空格和 4 空格,这是大多数样式表已经遵循的两种约定。如果你的项目用其他宽度,在这里用更接近的选项格式化,剩下的差异交给编辑器自己的格式化器统一。
统计行告诉我什么?
这里显示转换前后的 UTF-8 字节数及差值。格式化可能让文件变大;这些数字不能证明语法有效或视觉一致。
我的样式表会被上传到别处吗?
不会。源码只在本地 Worker 解析,不执行、上传或保存。解析成功不代表应用正确或浏览器兼容。

继续探索开发者工具

相关任务,而非死胡同。

无需返回完整索引,直接进入另一个专注的工作区。

代码转图片

Code to Image Converter

把 JavaScript、TypeScript、HTML、CSS、JSON、Bash 代码用 Shiki 高亮后排成带窗口标题与行号的卡片,可调背景、内边距、字号与 1x/2x 比例,导出 SVG 或 PNG。

创建

URL Slug 生成器

URL Slug Generator

把标题实时转成干净的 URL slug:去重音、& 变 and、标点折叠为连字符或下划线,中日文等非拉丁文字保留,结果小写,可复制或下载。

创建

React Native 阴影生成器

React Native Shadow Generator

为 iOS 与 Android 生成 React Native 阴影样式:调偏移、不透明度、半径与 elevation,对照实时近似预览,复制 StyleSheet 代码;可选新架构 boxShadow 模式。

创建

Base64 编码 / 解码

Base64 Encoder/Decoder

在本地编码 Unicode 文本或解码 Base64,支持 UTF-8、URL-safe 变体与换行保留,解码即时校验并指出具体错误,一键互换方向做往返验证。

转换