【SCSS/CSS🔰】paddingとmarginどっちで空間を空けるのか？

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

箱はpadding、個別の要素はmargin

【HTML】
<div>
<h2></h2>
<p></p>
</div>

divでpaddingを使って空け、h2やpなどの個別の要素はmarginで空ける。

paddingとmarginを使い分けるメリット

CSS/SCSSを編集する時や第三者に、箱なのか要素なのかがわかりやすくなる。