以下是谷歌浏览器查看网页CSS使用情况的方法：
一、使用开发者工具查看
1. 打开开发者工具：在Chrome浏览器中，按下`F12`键或使用快捷键`Ctrl+Shift+I`（Windows/Linux）或`Cmd+Option+I`（Mac），也可以右键点击页面元素，选择“检查”来打开开发者工具。
2. 查看样式面板：在开发者工具中，切换到“Elements”（元素）面板。选中页面中的某个元素后，在右侧的“Styles”（样式）区域，可以看到该元素应用的所有CSS规则，包括内联样式、嵌入式样式表和外部样式表中的样式。这里会显示每个CSS规则的来源，如具体的CSS文件、``标签内的样式等，以及每条规则的具体属性和值。
3. 查看计算样式：在“Styles”区域的底部，有一个“Computed”（计算）选项卡，点击它可以查看该元素最终计算出的所有CSS属性和值，包括从父元素继承的样式、浏览器默认样式以及通过各种CSS规则覆盖后的最终样式。这对于理解元素的样式来源和层级关系非常有帮助。
4. 查找外部CSS文件：如果网页使用了外部CSS文件，在“Elements”面板的顶部，有一个“”标签，展开它可以找到link标签引用的外部CSS文件。点击这些文件链接，可以在新标签页中打开并查看其内容，了解整个网站的CSS样式结构和定义。
5. 使用过滤器和搜索功能：在“Elements”面板中，可以使用过滤器来快速查找特定的元素或CSS规则。例如，可以通过输入元素的标签名、类名或ID来过滤只显示相关的元素。同时，在“Styles”区域也有搜索框，可以输入CSS属性或样式名称，快速定位到包含该属性或样式的规则，方便在复杂的样式表中查找特定的CSS代码。
二、使用其他相关工具查看
1. GTmetrix网站：访问[GTmetrix](https://gtmetrix.com/)，输入要查看的网页网址，点击“Test”按钮进行分析。在分析结果页面中，可以查看详细的资源加载信息，包括CSS文件的数量、大小、加载时间等，还能看到网页的性能评分和优化建议，帮助了解CSS对网页性能的影响。
2. Chrome扩展程序：在Chrome网上应用店中搜索并安装一些与CSS查看相关的扩展程序，如“CSSViewer”等。安装完成后，在浏览器工具栏中点击扩展程序的图标，即可按照其提供的界面和功能查看当前网页的CSS使用情况，不同的扩展程序可能具有不同的特色功能，如更直观的样式展示、更方便的代码编辑等。