<h>タグ(h1～h6)

Bootstrapで指定されている<h>タグ(h1～h6)のCSS設定を変更します。
日本語で表示した時に若干間延びした表示に見えるので、気になる方は以下を参考に変更してください。

１．フォントサイズを変更する

フォントサイズの変更を行う場合は、変更対象<h>タグ(h1～h6)のfont-sizeプロパティを上書きします。
以下の例では、
　・<h>タグ(h1･h2･h3)のフォントサイズを18ドット
　・<h>タグ(h4･h5･h6)のフォントサイズを14ドット
に設定しています。

２．マージン・パディングを変更する

マージンの変更を行う場合は、変更対象<h>タグ(h1～h6)のmarginプロパティを上書きします。
パディングの変更を行う場合は、変更対象<h>タグ(h1～h6)のpaddingプロパティを上書きします。
以下の例では、
　・１．フォントサイズを変更するで設定した内容
　・<h>タグ(h1･h2･h3)の上下マージンを5ドット・左パディングを15ドット
　・<h>タグ(h4･h5･h6)の上下マージンを5ドット・左パディングを15ドット
に設定しています。
「フォントサイズを変更する」の例と比べると、行間・文字の書き出し位置の違いを確認できると思います。

３．文字・背景色を変更する

文字色の変更を行う場合は、変更対象<h>タグ(h1～h6)のcolorプロパティを上書きします。
背景色の変更を行う場合は、変更対象<h>タグ(h1～h6)のbackground-colorプロパティを上書きします。
以下の例では、
　・２．マージンとパディングを変更するで設定した内容
　・<h>タグ(h1･h2･h3)の文字色を白・背景色を黒
　・<h>タグ(h4･h5･h6)の文字色を黒・背景色を白
に設定しています。