margin: 16px 0 0; と margin-top: 16px; で挙動が異なるのはなぜですか?

2 つの書き方の意味の違いを解説します。
2023年3月12日
ユーザー

レッスン動画では一括指定の

margin: 16px 0 0;

で記述していましたが、自分は

margin-top: 16px;

で記述してブラウザに表示したら、余白に違いがあります。
どちらも同じ意味の、上方向に 16px の余白をあけるのだと思いますが、なぜこういう動作になるのでしょうか?だいぶ悩んでもわからないため、教えてください。
よろしくお願いします。

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

プレミアムプランとは?