在现代网页设计中，CSS（层叠样式表）是至关重要的组成部分，它负责控制网页的布局、外观和风格。为了优化网页的视觉体验，开发者需要能够轻松地查看和调试CSS样式。以下是一招简单而有效的方法，帮助您查看网站中高亮显示的CSS样式。
1. 使用浏览器的开发者工具
大多数现代浏览器都内置了强大的开发者工具，这些工具可以帮助您查看和编辑网站的CSS样式。以下是在Google Chrome和Mozilla Firefox中查看CSS样式的步骤：
Chrome开发者工具
打开Google Chrome，在需要查看CSS样式的网页上点击鼠标右键，选择“检查”（Inspect）。
浏览器窗口将打开开发者工具面板。在元素（Elements）标签页中，您可以查看网页的DOM结构。
点击页面中的元素，元素标签页会显示该元素的HTML和CSS样式。
您可以通过点击“样式”（Styles）标签页来查看和编辑元素的CSS样式。
要高亮显示某个特定的CSS规则，可以在“样式”标签页中选择该规则，并使用浏览器提供的颜色选择器为该规则添加背景颜色。
Firefox开发者工具
打开Mozilla Firefox，在需要查看CSS样式的网页上点击鼠标右键，选择“Inspect Element”（检查元素）。
与Chrome类似，开发者工具面板将打开。在元素（Element）标签页中查看DOM结构。
点击页面中的元素，元素标签页会显示该元素的HTML和CSS样式。
在“样式”（Styles）标签页中查看和编辑元素的CSS样式。
使用与Chrome相同的方法为CSS规则添加背景颜色以高亮显示。
2. 使用CSS规则优先级
CSS规则有优先级，这决定了哪些样式会被应用到元素上。了解并利用CSS规则优先级可以帮助您优化网页的视觉体验。
内部样式
：在元素的
This is an example paragraph.