私はCSSのリセットを適用した後、h1、h2、h3などのタグを標準化する方法を探していますが、これはデザインに大きく依存していることがわかりますが、サイトでは「ゴールデン行の高さとマージンボトムの間の「比率」によって、ヘッダーがページ上で見やすくなり、読みやすさが向上します。CSSの見出しタグ「標準」?
このようなことを知っている人はいますか?
私はCSSのリセットを適用した後、h1、h2、h3などのタグを標準化する方法を探していますが、これはデザインに大きく依存していることがわかりますが、サイトでは「ゴールデン行の高さとマージンボトムの間の「比率」によって、ヘッダーがページ上で見やすくなり、読みやすさが向上します。CSSの見出しタグ「標準」?
このようなことを知っている人はいますか?
これは、使用するフォントに大きく依存すると思います。
より良い見出しと本文のフォントサイズとの関係 を理解するために、我々 は分割は、ボディフォントサイズの比率にヘディング
:とはいえ、スマッシングマガジンは、この「経験則」を与えます各ウェブサイトの見出しフォント のサイズを本文のフォントサイズで指定します。私たちは、これらの比率の 平均を取り、 がで 仕事にあなたのための経験則を導出:フォントサイズ÷ボディコピーフォント サイズを見出し
= 1.96
全体の値が、その後、1.96です。この は、ボディコピーのフォント のサイズを選択したときに に2を掛けて、 の見出しフォントサイズを取得することを意味します。これはもちろん、 はあなたのスタイルによって異なります。 のルールは、 デザインに最適なサイズであるとは限りません。 もう1つの選択肢は、 伝統的なスケール(6,7,8,9,10,11,123,164,10617,451,,12,14,16,18,21,24,36,48,60, 72)またはフィボナッチシーケンス(例えば、 16 - 24 - 40 - 64 - 104)は、自然になるためには となります。
うん、私はそれが、リンクのおかげで非常にサイト固有の問題だろう考え出しました! – javiervd
@javiervd喜び! –