Prawidłowe zastosowanie margin i padding

Question

Cześć, mam  nurtujące mnie pytanie :)  
 Potrafisz wyjaśnić mi w prosty sposób różnicę w użyciu pomiędzy margin a padding? Wiem, że pierwszy jest marginesem zewnętrznym a drugi wewnętrznym - jeden robi odstęp między elementami a drugi robi przestrzeń wewnątrz elementu... Pytanie, w jakich sytuacjach stosować margin a w jakich padding?

Mam np. 3 divy pod sobą ale są one zamknięte dodatkowo w kontenerze nadrzędnym, mam je odsunąc paddingiem od siebie? A np. mam strukturę dwóch artykułów:
 

<article>
<h1></h1>
<p></p>
</article>

<article>
<h1></h1>
<p></p>
</article>

to chcąc odsunąć dwa artykuły korzystam z marginesu, bo są to kontenery ale już do odsunięcia znacznika h1 od znacznika p mogę użyć paddingu?
Nie wiem po prostu jak to prawidłowo stosować a na ekranie po zakodowaniu szablonu .PSD często uzyskuję pozornie taki sam efekt za pomocą jednego i drugiego znacznika :)
Margin do kontenerów, padding do odsunięcia znaczników?

Answer 1

Jeśli chcesz np. odsunąć od siebie 2 artykuły używasz margina. Jeśli jest to kilka elementów w containerze i chceszdac odstępy między containerem a elementami daj padding do containera