Margin ve Padding ? Farkları nelerdir ?

<blockquote>

Kod:

.style1 { margin:10px 10px 10px 10px; }

.style2 { padding:5px 5px 5px 5px; }

Arasındaki farklar nelerdir.
Resimlerle örneklemek daha mantıklı olur değil mi
style1 de nesnenin dışına 10px 10px 10px 10px uyguladi.
style2 de ise nesnemizin içine padding işlemini uyguladı.
Buradaki 10px 10px 10px 10px nedir diyen vardır ?
4 boyuttan olusmaktadir.

Üst uzunluk Sağ Uzunluk Alt Uzunluk Sol Uzunluk şeklindedir.

Not: Nesnemiz ssssss yazan beyaz tablodur.

</blockquote>