marginとpaddingの使い分けについて

Question

今月からHTML/CSSの勉強を始めたのですが
marginとpaddingの使い分けについて
理解に手間取っており、同じ余白だから
どっちでもいいのではと思ってしまうのですが
皆さんは具体的にどのような使い分けを
されていますか。また、同じようなことにつまずいたことがあって何かいいアドバイスがありましたら教えていただきたいです。

Comments

[退会済みユーザー]

解決したのであれば、ベストアンサーを選んで解決済みにしたほうがいいと思います。

[h161035]

他にも回答いただけるかなと思っていたのでそのままにしています。

Answer 1

背景色を余白まで反映させたい時はpaddingで、そうでないときはmargin。
ボタンとかで、枠線の外側の余白はmarginで、内側の余白はpadding。
とか...

Comments

[h161035]

ありがとうございます。

Answer 2

わかりやすい例では、borderを引いた場合、境界線はmarginの内側、paddingの外側に入ります。

Comments

[h161035]

ありがとうございます。