paddingを入れるとh1のmarginが消えるのはなぜですか?

marginの相殺について理解しておくとよいでしょう。
2020年9月18日
ユーザー

添付画像は、 padding: 64px 0;をコメントオフにしたものです。

パッと見ると、空白を消すために、h1のmarginを0にしようと思いましたが、call-to-actionのpaddingを伸ばすことによって空白が消えるという方法を確認しました。

paddingは背景の色を伸ばしながら領域を広げるというのは理解していますが、h1のmarginの空白が消えて上書きされるのはなぜなのでしょう?

手順として、marginの空白を0にしてからpaddingの領域を広げるよりも、paddingの領域を広げて空白を消す方が効率が良いということでしょうか。

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

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