Perbedaan Padding dan Margin

Pertama kali,aku mengenal CSS,ya sampai sekarang aku masih bingung membedakan yang mana yang PADDING dan MARGIN.Sekalian saja aku posting sebagai pengingat,sekaligus sharing pengetahuan. :-)

MARGIN
Margin digunakan untuk mengatur batas atas, batas kanan, batas bawah, dan/atau batas kiri antar kolom/elemen halaman web/blog.
Jadi marginlah yang mengatur jarak antara kolom header, sidebar, main, dan bottom/footer.

PADDING
Padding digunakan untuk mengatur batas atas, batas kanan, batas bawah, dan/atau batas kiri antara isi/content dengan kolom/container halaman isi/content tersebut.
Jadi apabila kita ingin mengatur jarak antara tulisan dalam artikel dengan garis/batas tepi didalam halaman web/blog digunakanlah padding ini.

Penulisan margin maupun padding sebenarnya sama hanya propertiesnya yang diganti bisa dipisah maupun digabung antara top-right-bottom-left.
Sintagnya adalah sebagai berikut :

selector {property : value}
misalkan :
body {
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
margin-left:15px;
}
atau disingkat : body {margin:5px 10px 5px 15px}. Demikian halnya untuk padding
misalkan :
body {
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:15px;
}
atau disingkat : body {padding:5px 10px 5px 15px}.