スタイル付きの h4 を作成しようとしています。
しかし、私の h4 はいくつかのユーザー エージェントから継承し続けていますか?
このユーザー エージェントは何ですか。
どうすればそうするのを止めることができますか。私が望まないその追加効果。
スタイル付きの h4 を作成しようとしています。
しかし、私の h4 はいくつかのユーザー エージェントから継承し続けていますか?
このユーザー エージェントは何ですか。
どうすればそうするのを止めることができますか。私が望まないその追加効果。
ユーザー エージェント (Web ブラウザーがさまざまな HTML 要素に対してデフォルトで選択するスタイル) からの継承を停止するには、適切な CSS "リセット" を使用する必要があります。
「リセット」の概要については、 http://meyerweb.com/eric/tools/css/reset/を参照してください。
さまざまな「リセット」のリストhttp://www.cssreset.com/
また、たとえば Twitter Bootstrap などのフレームワークを使用している場合は、適切なリセットが既に含まれています。
いいえ、h4
要素 (またはh2
スクリーン ショットのような要素) は、一部のユーザー エージェントから継承されません。代わりに、ユーザー エージェント スタイルシートからプロパティ値を直接取得します。「ユーザー エージェント」とは、実際にはブラウザーを意味します (原則として、たとえば、インデックス作成ロボットでもかまいません)。
スタイルシートでプロパティを割り当てるだけで、それを止めることができます。実際、あなたの例ではそれを行っており、オーバーライドされていますfont-size
。font-weight
この設定は、スタイル シートにdisplay: block
追加するなどしてオーバーライドできます。display: inline
-webkit-margin
WebKit ブラウザーには奇妙な点があり、プロパティは上書きされていないかのように表示されるため、マージンの問題はより厄介です。しかし、実際には、標準margin
プロパティが設定されている場合、それらは無視されます。これを確認するには、[Metrics] ペインをチェックしてください。
したがって、ユーザー エージェント スタイル シートの設定は既に上書きされています。一般に、ユーザー エージェント スタイル シートには何でも含めることができますが、reset.css スタイル シートを使用することは、ほとんどの場合、依然として間違ったアプローチです。CSS 2.1 仕様の HTML 4のデフォルトのスタイル シートはかなり現実的でdisplay
、何を準備すればよいかを示しています。margin
font-weight
font-size