浏览器本地处理
无需登录
支持上传与下载
语言适用于样式表整理
CSSinput.css
缩进
⌘⏎快速格式化
输入可编辑
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
输出CSS 有效18 行 · 257 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
:root {
--main-color: #BA5A5A;
}
.btn {
/* primary button */
color: var(--main-color);
background: #ffffff;
padding: 8px 14px;
border-radius: 6px;
width: calc(100% - 20px);
}
@media (min-width: 600px) {
.btn {
padding: 10px 18px;
}
}
UTF-8 · 缩进：2 空格 · 自动换行：开本地处理 · 就绪
工具说明CSS
简介
把压缩成一行或缩进混乱的 CSS 重新整理成统一缩进、易读的格式，也可以反过来压缩成最小体积。基于真实的 CSS 解析器处理，CSS 变量、calc() 表达式、url()、字符串和媒体查询都会被正确识别，不会被破坏。所有处理都在浏览器本地完成，数据不会离开你的设备。
场景
整理压缩过的样式表统一团队代码缩进风格压缩 CSS 发布文件检查样式表语法错误
使用步骤
123
粘贴或上传设置选项获取结果