2009-06-06 8 views
1

html要素をクリックして調べ、どのCSSルールがどのフォーマットプロパティを担当しているかを調べたいと思います。要素のフォーマットを担当するCSSルールの発見

すなわち私がHから{}フォントの} {身体から来る色を知りたいと#headercontainer

からのパディングがこれを行う方法はありますか?

私はfirebugとcssedit(どちらも非常にクールです)を試しましたが、あなたが継承をどこで見つけるか分かりません。

道がなければならないのは、このような便利なことのようですね!

ありがとうございました。

答えて

3

firebugを使用してください。スタイル情報には、どのCSSルールが適用されているか、どのルールがキャンセルされているかが表示されます。

要素を検査すると、スタイルタブには適用されているスタイルが表示されます。打ち消し線を持つスタイルのルールはオーバーライドされます。(注:これは "計算されたスタイルの表示"をオフにしたものです)

1

IEを許容できる場合は、IE8's developer toolsを試してみてください。 IE8でページを開き、F12を押してツールを起動します。

alt text http://i.msdn.microsoft.com/Dd565627.devtools_ovw_fig03(en-us,VS.85).gif

+1

実際に私は開発者ツールを試しましたが、実際には遅いです。私はスクリプトの内容を見るのが長すぎるのを待っていました。 FirebugはIEの「 – Tarik

+0

+1」よりも速すぎます。「IEを許容できれば」:-) –

0

私はFirebugのは、これをしなかったと思いましたか?要素を調べると、右側にスタイルが表示され、その要素に影響を与えるすべてのCSSが表示されます。取り消し線を使用してオーバーライドされた書式も表示されます。

1

Firebugの検査機能(タブの下に少しの検査ボタンまたは懐中電灯があるはずです)を使用すると、要素をクリックして、それが継承するすべてのCSSブロックを見ることができます。

Hereは、この機能を示すYouTube動画です。

Hereは、FirebugのWebサイトです。上部の画像では、右のスタイリング継承データを見ることができます。

firebug

組み込みツールは基本的に今と同じ機能を提供します:それは右ここ放火犯でい

0

Yeapは、その放火犯のために素晴らしいです。 FirebugはFirefoxのアドオンで、現在閲覧しているページの各要素を調べることができ、それらを変更してすぐに結果を見ることができます。

0

また、私がたくさん好きなchrome:// inspectorを実行すると、GoogleのChromeがその情報を提供することができます。 また、新しいverison(2。x)の種類のあなたは、フォントについてはhttp://www.westciv.com/xray/

を見つけるためにクリックしたい場合は、X線を使用することができ、あなたのコードを検証し、エラーが上級ユーザー向けである

関連する問題