检查输入
确认 CSS 数值或源码完整，并输入到正确的控件中。 当前界面支持：针对 CSS 源码的美化、压缩和统计三种模式。
这个工具能做什么？
CSS 美化与压缩为针对 CSS 源码的美化、压缩和统计三种模式提供集中式界面，并说明实体关系：CSS source → Beautify | Minify | Statistics → CSS output + structural counts，便于按原始值和当前选项核对结果。 输入原始值或初始设置，调整当前可用选项，并在使用前核对生成结果。保留原始输入，以便在实际场景中对照输出。
打开CSS 美化与压缩并立即使用结果。
Input CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Ln 1, Col 1819 characters · 11 lines
Output - Beautified
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
Ln 1, Col 11,035 characters · 79 lines
Options
CSS Statistics
819
Input chars
1,035
Output chars
11
Input lines
79
Output lines
+26.37%
Size change
14 rules13 selectors40 declarations0 comments
Quick Actions
Local CSS workspace
Beautify, minify, and inspect the CSS currently loaded in this page.
CSSBeautifyMinifyStatistics
使用方法
输入原始值或选择初始设置。 当前界面支持：针对 CSS 源码的美化、压缩和统计三种模式。
调整相关选项并查看结果更新。 当前界面支持：可选 2 空格、4 空格或 Tab 缩进。
核对结果，再使用界面中实际提供的复制、下载或导出操作。 当前界面支持：统计规则、选择器、声明、媒体查询和注释数量；复制、对比或下载处理后的 CSS；实体关系：CSS source → Beautify | Minify | Statistics → CSS output + structural counts。
支持的数据与选项
- 针对 CSS 源码的美化、压缩和统计三种模式
- 可选 2 空格、4 空格或 Tab 缩进
- 统计规则、选择器、声明、媒体查询和注释数量
- 复制、对比或下载处理后的 CSS
- 实体关系：CSS source → Beautify | Minify | Statistics → CSS output + structural counts
适用场景
- CSS 美化与压缩为针对 CSS 源码的美化、压缩和统计三种模式提供集中式界面，并说明实体关系：CSS source → Beautify | Minify | Statistics → CSS output + structural counts，便于按原始值和当前选项核对结果。 当前界面支持：可选 2 空格、4 空格或 Tab 缩进；实体关系：CSS source → Beautify | Minify | Statistics → CSS output + structural counts。
- 在实现或检查前端样式和组件时使用CSS 美化与压缩。
- 加入生产样式表之前，对照预览和生成代码。
常见错误与排查
检查上下文
检查数值顺序、单位、浏览器支持的语法以及每个已启用选项的影响。 当前界面支持：可选 2 空格、4 空格或 Tab 缩进。
检查结果
对照预览与生成代码，再到实际使用该代码的组件中测试。 当前界面支持：统计规则、选择器、声明、媒体查询和注释数量；复制、对比或下载处理后的 CSS；实体关系：CSS source → Beautify | Minify | Statistics → CSS output + structural counts。
常见问题
CSS 美化与压缩能做什么？
CSS 美化与压缩把针对 CSS 源码的美化、压缩和统计三种模式和统计规则、选择器、声明、媒体查询和注释数量集中到一个工作流程中。
如何使用CSS 美化与压缩？
先处理针对 CSS 源码的美化、压缩和统计三种模式，再调整可选 2 空格、4 空格或 Tab 缩进，最后核对统计规则、选择器、声明、媒体查询和注释数量后使用复制、对比或下载处理后的 CSS。
支持哪些数据或选项？
已验证范围仅限页面可见控件，包括针对 CSS 源码的美化、压缩和统计三种模式和复制、对比或下载处理后的 CSS。
为什么结果看起来不对？
请确认针对 CSS 源码的美化、压缩和统计三种模式，复核可选 2 空格、4 空格或 Tab 缩进，并用实体关系：CSS source → Beautify | Minify | Statistics → CSS output + structural counts验证结果。
下一步该用哪个相关工具？
根据下一步任务继续使用CSS Box Shadow 生成器、CSS 边框生成器、CSS Filter 生成器。
相关工具
使用以下 AppKiro 工具继续处理同类任务：
把CSS 美化与压缩作为一个明确步骤，并在最终场景中核对结果。