CSSでhtmlタグとbodyタグの両方にfont-sizeを指定するのはなぜですか？

Question

多くのWebサイトのCSSを見ていると
html{
font-size:62.5%;
}
body{
font-size:16px;
}

と記述されてることがあります。

せっかくhtmlタグでfont-sizeを指定したのにbodyで上書きしてしまっては
htmlタグで指定した意味がないと思います。

何か理由があるのでしょうか？

Answer 1

「多くのサイト」が何を見て判断されているかにもよるのですけど、
書いた人にしか意図は分かりません。

サイトを訪れる人にはどう作られているかは関係ありませんし、
HTMLの構造、仕様（要件）を判断されたうえで書いたのかもしれませんし、
コピペツギハギで作られたのかもしれません。

理由を想像したところで想像にしか過ぎず、
それは結局作った人にしか分からないものです。
「納得できそうな回答」がついたとして、それも「理由」になるとは限りません。

そして「推測できる理由」は検索して見つかる範囲にあります。
例えば[css html body 違い]で検索
※根拠資料ではなく「こういう意見もある」程度に見てもらえたらと

[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編
Yahoo知恵袋：ＣＳＳ初心者です。*とbodyの違いを教えて下さい。
教えてGoo：CSSのセレクタに指定するbodyと*の違い

あとは[css font-size 影響範囲]とかも有益な情報に繋がるかもしれません。

でもやはり質問者さんが見られた「多くのサイト」に意図を聞いてもいいかもしれません。
個人サイトであれば回答が得られるかもしれません。
企業サイトだと、得られません。

Comments

[actlikeJohnnys]

コーディングは人によって変わってきますもんね。
HTML、CSS勉強中の身なので模写などをしていています。その中で、「見た目は同じだけど
コーディングが本家と全然違うな」と思うこともあるのですが、そのように
思う必要もないということになりますか？

[m.ts10806]

模写はどうか知りませんが、元々のWebサイトはユーザーに使ってもらうために作られているはずです。
要件満たせていれば、ユーザーにとっては中身は関係ないです。
UX,UIとして快適に使えるかどうか。
模写を否定はしませんが、「見た目だけを揃えるだけ」では何の身にもならないということです。