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

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 デベロッパーツールのスクリーンショットを添付しておきます。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?