CSS
从页面收集样式
输入网址。Milten 会读取可访问的样式表，并对重复的颜色、字体、尺寸、间距、圆角半径、阴影和自定义属性进行分组。
网站的颜色、字体和间距
在一份报告中汇总页面的颜色、字体和间距，找出重复值和样式差异，为统一设计做准备。
扫描工具如何工作
从 CSS 来源到值的频率汇总
频率
对重复值进行分组
报告统计相同的颜色、字体、字号、间距、border-radius、box-shadow 和 CSS 变量出现的频率。某个值重复得越频繁，它就越像系统令牌。
摘要
展示集中度和分布
该汇总帮助您快速看出哪些值重复得较为一致，以及界面在哪些方面积累了广泛的颜色、尺寸、字体或阴影分布。
阅读
帮助选择先审查什么
结合组件中的用途，对比重复出现的颜色、字号和间距。相近的值可能是有意设置的。CSS 汇总有助于规划设计令牌，但不会生成完整的设计系统或自动赋予语义名称。
报告中包含什么
七组设计参数
颜色
重复的颜色
扫描器显示颜色值及其使用次数，让你可以区分系统颜色和偶然出现的局部色阶。
值使用次数
字体
字体与文本字号
报告包含检测到的 font-family 值、它们出现的频率，以及重复的 font-size 值。
font-familyfont-size
间距 / 尺寸
尺寸、margin、padding、width 和 height
摘要突出显示频繁使用的尺寸和间距值。这里分布过大通常说明网格一致性较弱。
pxrem
圆角 / 阴影
圆角与阴影
单独的分组显示重复的 border-radius 和 box-shadow 值，包括某个值比其他值出现更频繁的情况。
圆角阴影
CSS 变量
检测到的自定义属性
扫描器显示 CSS 自定义属性及其使用次数，让你看到哪些变量已经像令牌一样工作。
--var使用次数
常见问题
关于 CSS 令牌扫描器的常见问题
关于哪些值会进入报告以及如何阅读频率摘要的简短回答。
CSS 令牌扫描器与导出 CSS 变量有何不同？
它的范围更广：除了自定义属性，报告还显示重复的颜色、字体、字号值、尺寸、间距、border-radius 和 box-shadow。每个值的使用频率都很重要。
我可以在没有仓库访问权限的情况下分析网站吗？
可以。第一遍可以针对公开页面和链接的样式运行。如果部分 CSS 需要身份验证或未在页面上加载，则不会进入摘要。
报告会显示令牌冲突吗？
报告展示重复值及其分布，不判断语义冲突，也不建议设计令牌名称。如何组织令牌由您的团队决定。
如果令牌已经存在，扫描器还有用吗？
有用。报告显示发现了哪些 CSS 变量及其使用频率，以及附近仍存在重复原始值的位置：颜色、尺寸、间距或阴影。
我应该如何阅读空值或罕见值？
使用较少的值也可能属于重要状态或组件。合并或删除前，请先确认其使用位置。出现频率有助于确定调查顺序，但不能决定哪些值应合并为同一个设计令牌。