如何找到浏览器的默认样式表？

Posted 2023-02-21

【中文标题】如何找到浏览器的默认样式表？

【英文标题】：How can I locate the default style sheet for a browser?

【发布时间】：2010-09-17 21:08:56

【问题描述】：

我想查看在各种浏览器的默认样式表中使用的特定样式元素。浏览器是否具有我在系统上找到并阅读的实际基于文件的样式表？如果是这样，这些文件的默认位置是什么？如果没有，我在哪里可以找到这些信息？

【参考方案1】：

From the WebKit source respository Unofficial Grid of several major browsers

【讨论】：

现在可以在 trac.webkit.org/browser/trunk/WebCore/css/html.css>

找到 webkit 样式表

他们又把它搬走了：trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

【参考方案2】：

在 Firefox 上，在同一目录中查找 res/html.css 和其他 CSS 文件。

或者只是在 Firefox 中打开 resource://gre-resources/forms.css。

【参考方案3】：

在浏览器中检查 html 元素并在右下角找到 css 规则。 您将找到用户代理样式或浏览器样式（在 Firefox 中命名为 html.css）。 复制文件位置并在选项卡中打开它 - 就可以了。

位置默认样式表

Firefox - 资源：//gre-resources/html.css 铬 - https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css

您可以为其他人找到。

【参考方案4】：

soypunk 已经 mentioned WebKit 的 UA 样式表。

Gecko 的 UA 样式表（在 standards mode 中）由 ua.css、forms.css 和 html.css 组成。 （另请参阅 quirk.css 了解怪癖模式。）

Opera 没有 .css 文件形式的 UA 样式表。 （前面提到的user.css不是UA样式表，是用户样式表。）

【参考方案5】：

在 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\。

【参考方案6】：

有些做有些不做。 （关于稍微不同的主题）我建议使用重置样式表。

http://developer.yahoo.com/yui/reset/

【讨论】：

我使用reset-fonts-grids/reset-fonts-grids.css。我可以看到正在重置的内容，我还想查看正在重置的每种样式。

【参考方案7】：

在 Safari 中，Web Inspector 将向您显示任何元素的 CSS 级联，包括被覆盖的属性，一直到默认 CSS。不幸的是，它不会显示该默认 CSS 的文件名，但会显示哪些属性已重置。希望对您有所帮助。

【参考方案8】：

这可能与您问题的核心无关，但如果我猜对了您为什么需要此信息，您可能需要查看browsershots.org。

Browsershots 可以在不同的浏览器中截取您的网页设计。

换句话说，您可以在许多不同的浏览器、浏览器版本和平台上看到您的网站的样子。

【参考方案9】：

默认样式表通常不可用。我建议您使用“重置样式”部分开始您自己的样式表，或者在您首先加载的样式表中包含重置样式。例如。

<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/

【参考方案10】：

在 Opera 中，在 OSX 上，文件位于 /Applications/Opera.app/Contents/Resources/Styles/user.css