【发布时间】：2010-09-17 21:08:56
【问题描述】：
我想查看在各种浏览器的默认样式表中使用的特定样式元素。浏览器是否具有我在系统上找到并阅读的实际基于文件的样式表？如果是这样，这些文件的默认位置是什么？如果没有，我在哪里可以找到这些信息？
【问题讨论】：
标签： html browser stylesheet default
【发布时间】：2010-09-17 21:08:56
【问题描述】：
【讨论】：
-
现在可以在 trac.webkit.org/browser/trunk/WebCore/css/html.css> 找到 webkit 样式表
在 Firefox 上，在同一目录中查找 res/html.css 和其他 CSS 文件。
或者只是在 Firefox 中打开 resource://gre-resources/forms.css。
【讨论】：
在浏览器中检查 html 元素并在右下角找到 css 规则。 您将找到用户代理样式或浏览器样式（在 Firefox 中命名为 html.css）。 复制文件位置并在选项卡中打开它 - 就可以了。
位置默认样式表
Firefox - 资源：//gre-resources/html.css
铬 - https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
您可以为其他人找到。
【讨论】：
在 Mozilla Firefox 中，在地址字段中输入此链接：jar:file:///Applications/Firefox.app/Contents/Resources/omni.ja!/chrome/toolkit/res/
在这里您可以找到 Firefox 的所有默认样式。计数器、表单、全屏、通用 html、数学、数字、纯文本、怪癖、ua 和视图源有单独的样式表。
如需更完整的用户代理样式表列表，see here。
【讨论】：
-
实际示例：磁盘路径为
C:\Program Files\Mozilla Firefox\omni.ja，其中omni.ja是一个存档，其中路径继续为\chrome\toolkit\res\。
有些做有些不做。 （关于稍微不同的主题）我建议使用重置样式表。
【讨论】：
-
我使用reset-fonts-grids/reset-fonts-grids.css。我可以看到正在重置的内容，我还想查看正在重置的每种样式。
在 Safari 中，Web Inspector 将向您显示任何元素的 CSS 级联，包括被覆盖的属性，一直到默认 CSS。不幸的是，它不会显示该默认 CSS 的文件名，但会显示哪些属性已重置。希望对您有所帮助。
【讨论】：
这可能与您问题的核心无关，但如果我猜对了您为什么需要此信息，您可能需要查看browsershots.org。
Browsershots 可以在不同的浏览器中截取您的网页设计。
换句话说，您可以在许多不同的浏览器、浏览器版本和平台上看到您的网站的样子。
【讨论】：
默认样式表通常不可用。我建议您使用“重置样式”部分开始您自己的样式表，或者在您首先加载的样式表中包含重置样式。例如。
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/reset.css"></link>
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/general.css"></link>
Eric Meyer（“the”Eric，简称 google Eric）在此处提供了经过实战考验且广泛使用的重置样式表：http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
【讨论】：
在 Opera 中，在 OSX 上，文件位于 /Applications/Opera.app/Contents/Resources/Styles/user.css
【讨论】：