body タグに background-color を指定すると画面全体が灰色になるのはなぜでしょうか?

body の background に指定されたものは描画領域全体に適用されるようになっています。
2021年5月27日
ユーザー

大変お世話になります。
この動画は、Icons - Google Fonts の使い方に関する説明ですね。
Fonts とは関係ないのですが、1:30 の時点で 2 つの div タグを設定した時に
body タグに background-color を指定すると画面全体が灰色になるのは
なぜでしょうか?
下の様に height を設定しても、やはり同じでした。これは、body タグは
他のタグとは異なる領域を示すためでしょうか?

body {
    background: #ccc;
    height: 500px;  ←ここです
}

.light-bg {
    background: #fff;
    padding: 32px;
}

.dark-bg {
    background: #121212;
    padding: 32px;
}

ちなみに、Google デベロッパーツールのスクリーンショットを添付しておきます。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)