penggunaan global reset css ini memudahkan dalam pembuatan layout agar pengaturan jarak atau space bisa di atur dengan mudah.

berikut contoh kode yang saya gunakan .

kode css reset global

* { margin : 0 auto;
padding : 0;
}

fungsi ini membuat layout nya ke posisi tengah pada halaman browser.

margin : 0 auto = nilai nol untuk mengilangkan jarak luar antar border atau halaman browser maka jika di gunakan tidak ada jarak sama sekali pada posisi atas dan bawah, sedangkan fungsi auto untuk posisi kanan dan kiri dengan ukuran bebas.

sedangkan padding untuk menghilangkan jarak dalam antara teks dengan garis border, gambar dengan teks.

selain itu bisa juga di letak kan dalam selektor seperti

#wrapper { margin : 0 auto; }

fungsi wrapper sebagai kotak yang membungkusi seluruh isi di dalam nya.

untuk membuat jenis huruf dan ukuran semua nya sama maka property font-family dan font-size diletakkan dalam tag body.

body{font-family:arial; font-size:12px; }

ini berpengaruh ke seluruh tag yang memakai huruf baik dari H1 - H6 dan tag p.

jika ditulis keseluruhan seperti berikut :

* { margin : 0 auto;
padding : 0;
}

body{font-family:arial; font-size:12px; }

selamat mencoba salam sukses selalu.

untuk link yang lebih lengkap kunjungi link berikut :

perishablepress.com