css を使用して個々の html 見出しのサイズを変更できることを知っています (例: h1 {font-size: 0.5em;})。ただし、すべての見出し (h1、h2、h3 など) のサイズを全体的に縮小したいのですが、互いの相対的なサイズ (h1 > h2 > h3 など) を維持します。
単一の css ステートメントですべての見出しのサイズを変更することは可能ですか、それとも各見出しを個別に指定する必要がありますか?
質問する
2044 次
3 に答える
1
たとえば、宣言された同じ値を除いて、同じ CSS ステートメントでh1とのフォント サイズを設定することはできません。h2
ただし、見出しのフォント サイズを一元的に変更できるようにしたい場合は、すべての見出しをdiv要素で囲むことができます。
<div class=heading><h1>...</h1></div>
<div class=heading><h2>...</h2></div>
emここで、フォント サイズを単位 (またはパーセンテージ) で設定したと仮定すると、たとえば、囲んでいる要素にh1 { font-size: 2em } h2 { font-size: 1.5em }フォント サイズを設定することですべてを変更できます。div
.heading { font-size: 0.9em; }
これにより、ページのフォント サイズに影響を与えることなく、すべての見出しのフォント サイズが 10% 縮小されます。
PS メイン見出しのフォント サイズを親のフォント サイズの半分に設定するのは奇妙です。何を達成しようとしているのかを理解するのは困難です。通常は、em適切な尺度を使用して単位でフォント サイズを設定するだけで十分です。
于 2013-02-08T07:40:12.260 に答える
0
bodyなどの親要素のフォントサイズを変更できます。emsまたはremsを使用している場合は、スケールアップまたはスケールダウンします。
body {
font-size: 80%;
}
http://jsfiddle.net/ferne97/FXKvx/
のクラスをbodyタグに切り替えるボタンを追加しましたsmall。これにより、追加時にフォントサイズが80％に設定されます。
于 2013-02-08T03:09:08.700 に答える
0
これは CSS では実現できないと思いますが、コードを短くしたい場合はSASS ( http://sass-lang.com/ ) を試してください。
于 2013-02-08T02:53:27.890 に答える