开发者工具提示：找出 CSS 改进

Sofia Emelianova

利用开发者工具中的 CSS Overview 面板，您可以一目了然地了解页面上可能存在的 CSS 改进。

如需获取报告，请依次打开“开发者工具”>“”>“更多工具”>“CSS 概览”，然后点击捕获概览。

该报告会显示以下几个部分：

• 包含样式、选择器和媒体查询相关统计信息的摘要。
• 所用颜色的细分数据，包括对比度问题（这些是网络上最常见的问题）。
• 所用字体的细分数据，以及关于大小、粗细和行高的统计信息。
• 未使用的 CSS 声明。
• 媒体查询的统计信息，按出现次数降序排序。

如需更多实操学习机会，请参阅 CSS 概览：发现潜在的 CSS 改进。

如需详细了解对比度问题，请参阅让网站更易于阅读。