paddingとline-heightとheightの考察 - Webデザインの方法 | Webデザインメソッド要素の高さ 始めにHTMLのbody部分を下記のように記述し <body> <h1>ｈ１タグ Google 24px</h1> <h2>ｈ２タグ Google 20px</h2> <p>ｐタグ Google 16px</p> </body> フォントサイズを下記の値に固定して考える ＊ { margin: 0; padding: 0; }/* ユニバーサルセレクタのリセットの*が表示バグで記述できないのでここでは大文字になっています */ h1 { font-size: 24px; } h2 { font-size: 20px; } p { font-size: 16px; } まず始めに各要素のバックグラウンドカラーをそれぞれ変更して高さを確認すると、 「グ」の点の上の部分から「g」や「p」の下部分までがフォントサイズなのが確認出来る つまり、日本語のみだと下部分に余白が多くなり逆に英文
