GUSAR

Setelah beberapa abad belajar belajar dan belajar, akhirnya sedikit demi sedikit saya rada menguasai Trik Edit Templates. Meskipun, hasil belajar saya belum sampai seperti master- master html. Karena niat saya terjun ke dunia blog untuk saling berbagi,maka saya tidak bermaksud lancang untuk membuat artikel demi artikel tentang ngeblog.
Karena pada buku tamu "Shout" ada yang menanyakan tentang padding dan margin. saya akan mencoba memberikan penjelasan bagi yang belum mengerti tentang margin dan padding .
Perhatikan satuan - satuan dibawah ini
1. Statik

* in -- satuan inchi
* cm -- satuan centimeter
* mm -- satuan milimeter
* pt -- satuan point (1point = 1/72 inchi)
* pc -- satuan pica (1pica = 12 point)
* px -- satuan pixel (satu titik gambar terkecil dalam layar monitor)
* auto-- tersesuaikan secara otomatis

2. Relatif

* % -- satuan persen
* em -- atau ems (1em = ukuran font yang tengah ada dalam elemen)
* ex -- 1ex = x-height suatu font (x-height biasanya setengah ukuran font)

Pada postingan ini akan mencoba menjelaskan dengan menggunakan "px"
Padding adalah "Jarak antara conten/isi dengan garis pinggir"
Contoh 1={padding:10px 5px 8px 6px ;}
Urutan angka dalam satuan "px" pada padding diatas memiliki arti "atas - kana - bawah - kiri"
Contoh 2=Bila diuraikan menjadi seperti:

{padding-top: 10px ; /* jarak dengan garis pinggir atas */
padding-right: 5px; /* jarak dengan pinggir kanan */
padding-bottom: 8px ; /* jarak dengan pinggir bawah */
padding-left: 6px; /* jarak dengan pinggir kiri */}

Contoh 3= {padding:10px 5px } artinya:

{padding-top,padding-bottom:10px
padding-right,padding-left:5px}

Contoh 4= {padding:10px auto } artinya: sama dengan contoh 3
Contoh 5= {padding:0 auto 0 } artinya: sama dengan contoh 3

{padding-top: 0px ;
padding-right: auto;
padding-bottom: 0px ;
padding-left: auto; }

Inti kode kode di atas dasarnya sama antara urutan "atas - kana - bawah - kiri"
Sedangkan untuk margin seperti berikut
Penjelasan margin adalah "jarak antara garis/border yang satu dengan yang lainnya"
Sedangkan untuk urutannya sama dengan urutan padding
Selamat mencoba!!!