使用CSS统计数据可视化任何CSS样式表

使用CSS Stats ，您可以插入任何网站并提取大量CSS原始数据，以满足您的好奇心。

还是您曾经想看到一个CSS文件中使用的所有颜色的可视化表示形式 ？

有没有想过样式表中有多少CSS规则？

您可以可视化所有z-index值 ， 所有字体大小 ， 所有媒体查询 ，甚至可以看到直观的图形 。

而且，此Web应用程序比仅显示样式表的所有颜色要深入得多。

仅通过展示其样式表中的内容 ，就可以为您提供任何网站的全面概述。

这个应用程序的内容如此广泛，以至于几乎不可能一次坐下来就消耗掉所有东西。

您还可以从许多建议的网站中进行选择，例如Facebook，Apple和Pinterest（以及其他）。

首先，请访问CSS Stats网站并插入您想要的任何URL 。

所有这些都显示为一长串数字，因此乍一看可能会造成混淆。

在结果页面上，您会看到CSS文件总大小（以千字节为单位），以及最常用的属性和声明的列表 。

这是您在统计信息页面上找到的所有内容的列表：

但是，您使用此应用程序的次数越多，它就会越有趣！

开发人员为此付出了很多努力，以使其正常工作。

CSS Stats非常聪明，可以提取所有CSS文件并将这些数据合并在一起 。

因此，您可以下载此文件，然后将其重新托管在您自己的服务器上（本地或其他方式），如果您想深入研究代码，可以进行试用。

而且，最棒的部分是完整的GitHub存储库，其中包含整个项目的源代码 。

通过研究此工具，您可以学到很多东西，它为深入了解细节的开发人员提供了更深入的了解。

您可以选择提取任何单个CSS文件或解析单个域上的所有样式表 。

您会惊讶于有多少可用数据，以及从如此简单的工具中学到的数据。

要进行自我测试，只需访问CSS Stats并插入一个网站。

翻译自: https://www.hongkiat.com/blog/css-stylesheet-with-css-stats/