0

見出しのサイズをデフォルトのサイズにリセットするにはどうすればよいですか? ここに私が持っているいくつかのHTMLがあります:

<h2>Hello World</h2>

そのための CSS は次のとおりです。

h2 {
    font-size: 16px;
    margin: 1em 0 0.5em;
}

/*I'd like to reset that height of 16px and use the default browser height */
h2 {
    font-size: 100%;
}

h2古いセレクターをオーバーライドして、見出しをデフォルトのサイズにリセットする必要がありますか? これをグーグルで検索したところ、見出しのサイズはブラウザーに依存しているため、見出しのサイズをハードコーディングしたくないとのことでした。

これは私が知っている非常に基本的な質問ですが、どういうわけか、高さをリセットするために使用する必要がある値に頭を悩ませることができません。

4

6 に答える 6

2

A List Apartによると、デフォルトのbodyフォントサイズはです16px（これはブラウザ間で一貫しています）。

W3Cが推奨するデフォルトのスタイルシートでは、h2サイズがとして表示され1.5 emます。

いくつかの簡単な計算でになり16 * 1.5 = 24pxます。

したがって、h2font-sizeを設定する24pxとそれが実行されます。

于 2012-11-19T19:50:57.427 に答える
1

一般に、要素のプロパティを既定値に設定することはできません。ただし、作成者のスタイル シートでプロパティを設定しない場合は除きます。これに対して推奨される方法は、デフォルトに関する誤解またはいくつかの仮定に基づいていますが、デフォルトはブラウザに依存します。

于 2012-11-19T20:34:31.903 に答える
0

最初から使用できNormalize.css、ブラウザ間で見出しのサイズが正規化されます。

Normalize.cssを使用すると、ブラウザーはすべての要素をより一貫性のある方法で、最新の標準に沿ってレンダリングできます。正規化が必要なスタイルのみを正確に対象としています。

たとえば、<h1>タグの修正は次のとおりです。

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}
于 2012-11-19T19:45:35.833 に答える
0

ブラウザのデフォルトのフォント サイズに戻す方法はありません。

h2 のフォント サイズを変更すると、余白のサイズにも影響します (余白は で定義されているためem)。で指定されている他の要素の余白に合わせようとして、font-size を 16px に変更しようとしていると思われますem。この場合、プロパティを別の方法で設定する必要があります。

h2 {
    font-size: 1.5em;
    margin: .75em 0 0.333em; /* (1 / 1.5) 0 (.5 / 1.5) */
}
于 2012-11-19T20:14:45.843 に答える
-1

font-sizeヘッダーのデフォルトはですmedium。ここを参照してください：https ：//developer.mozilla.org/en-US/docs/CSS/font-size

だからあなたはするでしょう：

h2 {font-size: medium;}
于 2012-11-19T19:45:18.097 に答える
-2

おそらく、見出しのfont-sizeをデフォルトに戻す最も簡単な方法は、既存のh2要素からfont-size宣言を削除することです。そのため、次の代わりに次のようにします。

h2 {
    font-size: 16px;
    margin: 1em 0 0.5em;
}

あなたはただ持っているでしょう

h2 {
    margin: 1em 0 0.5em;
}

また、h2フォントサイズが宣言されている可能性のある他のスポットがないか、スタイルシートを確認することをお勧めします。フォントサイズの削除を削除できない、または削除したくない場合は、次の手順を実行して、すべてのh2要素のフォントサイズをデフォルトにリセットできます。

h2 {
    font-size: medium !important;
}

Mediumのfont-sizeはすべてのブラウザのデフォルト値であり、最後に！importantを指定すると、宣言されている他のすべてのスタイルが上書きされます。ただし、重要を使用する場合は注意が必要です。スタイルが要素をどのようにカスケードするか、および/またはどのように適用されるかを判断するのが非常に難しくなるためです。

乾杯とこれがどのように役立つか。

デフォルト値のソース：http ：//www.w3schools.com/cssref/pr_font_font-size.asp

于 2012-11-19T19:51:59.067 に答える