html - ヘッダー タグ間の行間を定義する

Question

ヘッダー間の行間を定義する方法はありますか。さまざまなヘッダータグ (h1、h2、h3) を使用するとさまざまな行間隔があることを知っています。ページ全体で一貫して流動的になるように、それらすべての行間隔を定義する方法があるかどうか疑問に思っていました。

margin などの使用に関する記事はたくさんありますが、よくわかりません。

Answer 1

CSS に慣れていない場合は、少し読むことをお勧めします: CSS イントロ: http://www.w3schools.com/css/default.asp

このような CSS は、すべてのヘッダー タグの行の高さを設定します。

h1, h2, h3, h4, h5, h6{
  line-height: 30px; 
}

または、これにより、すべてのヘッダーの上下のマージンが設定されます。

h1, h2, h3, h4, h5, h6{
  margin-top:20px;
  margin-bottom:10px;
}

Answer 2

ほとんどの人は、h1~h6 に 1.45 の行の高さを使用することを提案しているので、次のようになります。

h1, h2, h3, h4, h5, h6 {
  line-height: 1.45;
}

行の高さを定義するための推奨される方法は、「単位のない」行の高さと呼ばれる数値を使用することです。数値には任意の数値を指定できます。