如何找到瀏覽器的默認樣式表？

Question

我想看到各種瀏覽器的默認樣式表中使用的特定樣式元素。 瀏覽器是否有我在系統上找到並讀取的實際基於文件的樣式表？ 如果是這樣，那些文件的默認位置是什么？ 如果沒有，我可以在哪里找到這些信息？

Answer 1

• 來自WebKit源庫
• 幾個主流瀏覽器的非官方網格

Answer 2

在Firefox上，查找res / html.css以及同一目錄中的其他CSS文件。

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

Answer 3

soypunk已經提到了WebKit的UA樣式表。

Gecko的UA樣式表（在標准模式下 ）由ua.css ， forms.css和html.css組成 。 （有關怪癖模式，請參閱quirk.css 。）

Opera沒有UA樣式表作為.css文件。 （之前提到的user.css不是UA樣式表。它是用戶樣式表。）

Answer 4

檢查瀏覽器中的html元素，並在右下角找到css規則。 您將找到用戶代理樣式或瀏覽器樣式（在Firefox中命名為html.css）。 復制文件位置並在選項卡中打開它 - 你去了。

位置默認樣式表

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

你可以找到其他人。

Answer 5

有些人做不了。 （在略有不同的主題上）我建議使用重置樣式表。

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

Answer 6

在Safari中，Web Inspector將向您顯示任何元素的CSS級聯，包括被覆蓋的屬性，一直返回到默認CSS。 不幸的是，它不會顯示該默認CSS的文件名，但它會顯示重置的屬性。 希望這有點幫助。

Answer 7

在Mozilla Firefox中輸入以下地址字段的鏈接： jar:file:///Applications/Firefox.app/Contents/Resources/omni.ja!/chrome/toolkit/res/

在這里，您將找到Firefox的所有默認樣式。 計數器，表單，全屏，通用HTML，數學，數字，純文本，怪癖，ua和viewsource都有單獨的樣式表。

---

有關用戶代理樣式表的更完整列表， 請參見此處 。

Answer 8

這可能與您問題的核心相關，但如果我猜對您想要這些信息的原因，您可能需要查看browsershots.org 。

Browsershots在不同的瀏覽器中制作您的Web設計的屏幕截圖。

換句話說，您可以在許多不同的瀏覽器，瀏覽器版本和平台中查看您的網站的外觀。

Answer 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（“埃里克，只是谷歌埃里克” ）在這里提供經過測試和廣泛使用的重置樣式表： http ： //meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Answer 10

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