最近，火狐浏览器发布了全新的版本，带来许多新的功能和改进。其中一个重要的改进就是开发者工具的增强，让开发者更加方便地查看和调试网页代码。在这篇文章中，我们将介绍如何使用火狐浏览器的开发者工具来查看 CSS 代码。

要查看 CSS 代码，首先需要打开火狐浏览器的开发者工具。方法是右键点击网页上的任何一个元素，选择“检查元素”，或者使用快捷键 F12。

在开发者工具中，有一个名为“检查”的标签，用于查看元素的 CSS 样式。通过将鼠标悬停在不同的 CSS 样式上，可以快速了解每个样式对应的元素。同时，也可以通过单击样式名称或属性名称来编辑 CSS 代码，以实现实时预览。

/* 这是一个 CSS 样式的示例 */
.example {
background-color: #f0f0f0;
color: #333;
font-size: 18px;
text-align: center;
}

如果需要查看整个 CSS 文件的代码，可以点击开发者工具最下方的“样式”标签。在这里，可以查看所有已加载的 CSS 文件，并且可以快速定位到每个文件中的任何一行代码。

总之，通过火狐浏览器的开发者工具，可以方便地查看和编辑 CSS 代码。开发者们可以更加轻松地调试网页，实现更好的用户体验。