さまざまなブラウザーの既定のスタイルシートで使用される特定のスタイル要素を確認したいと思います。ブラウザーには、システム上で見つけて読み取る実際のファイル ベースのスタイルシートがありますか? もしそうなら、それらのファイルのデフォルトの場所はどこですか? そうでない場合、この情報はどこにありますか?
10 に答える
Firefox では、res/html.css および同じディレクトリ内の他の CSS ファイルを探します。
resource://gre-resources/forms.css
または、Firefoxで開くだけです。
ブラウザーで html 要素を検査し、右下にある css ルールを見つけます。ユーザー エージェント スタイルまたはブラウザーのスタイル (Firefox では html.css という名前) が表示されます。ファイルの場所をコピーして、タブで開きます。
場所のデフォルト スタイルシート
Firefox - resource://gre-resources/html.css
Chrome - 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、およびビューソース用に個別のスタイルシートがあります。
ユーザー エージェント スタイルシートのより完全なリストについては、こちらを参照してください。
する人もいればしない人もいます。(少し別の話題で) リセット スタイルシートを使用することをお勧めします。
Safari では、Web Inspector は、オーバーライドされたプロパティを含むすべての要素の CSS カスケードを表示し、デフォルトの CSS までさかのぼります。残念ながら、そのデフォルト CSS のファイル名は表示されませんが、リセットされたプロパティは表示されます。うまくいけば、それは少し役立ちます。
これはあなたの質問の核心に接しているかもしれませんが、なぜこの情報が必要なのかを私が正しく推測しているのであれば、browsershots.orgをチェックすることをお勧めします。
Browsershotsは、さまざまなブラウザーでWebデザインのスクリーンショットを作成します。
つまり、さまざまなブラウザ、ブラウザバージョン、およびプラットフォームでWebサイトがどのように表示されるかを確認できます。
通常、デフォルトのスタイルシートは使用できません。「スタイルのリセット」部分で独自のスタイルシートを開始するか、最初に読み込むスタイル シートにスタイルのリセットを含めることをお勧めします。例えば。
<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