HTMLタグの最初から与えられている値を調べてみました
そもそも調べようと思ったきっかけはbodyタグの上側にmargin以上に余白ができてることでした
CSSでbodyのmarginを０に設定しても消えない
結論から言うとbodyタグの直下に書いたh1タグが原因でした
bodyのmarginは8pxなのに対してh1タグのmarginは21.440pxと大きく
これが原因でbodyタグ上部に余白（21.440 - 8 = 13.440px）の余白ができていました
それで、全てのタグのmarginを調べようと思いました
主なタグで共通の基準となる値
font-size : 16px
margin : 0px
border : 0px
padding : 0px
line-height: 1.5
以下は今回調べた主なタグです
<body> margin: 8px
<h1> size 32px 2em 200％ height:48px margin(top bottom): 21.440px
<h2> size 24px 1.5em 150％ height: 36px margin(top bottom): 19,920px
<h3> size 18.72px 1.17em 117% height: 28px margin(top bottom): 18.720px
<h4> size 16px 1.em 100% height: 24px margin(top bottom): 21.280px
<h5> size 13.28px 0.83em 83% height: 20px margin(top bottom): 22.178px
<h6> size 10.72px 0.67em 67% height: 16px margin(top bottom): 24.978px
<ul><ol> margin(top bottom): 16px padding-left: 40px
※sizeは、フォントサイズ
heightは、コンテンツの高さ
コメント