Global Css Reset

Menyeragamkan Ukuran Pada Setiap Browser.

Dalam tulisan tentang “ memasang linklist ala msn “ atau “ membelah komentar menjadi dua kolom “. saya menyarankan untuk memasukan kode css seperti ini.

*  { padding: 0;margin: 0; }

Dan sampai sekarang-pun setiap saya memodifikasi template, saya selalu mengawali css-nya dengan tag tersebut. Untuk apa tujuannya ??

Perlu kita ketahui setiap browser  mempunyai value ( nilai = pixel , persen dll ) yang berbeda-beda . seperti untuk tag  heading <h> , list <ul> dll. maka salah satu solusi -nya ialah saya selalu memberikan sebuh tag css di atas, yang sering di sebut “ global reset “, yakni mereset nilai padding dan margin untuk semua browser menjadi = 0 ( nol ).

Oh tentu saja jika kita memasukan tag css global reset  tersebut pada sebuah template yang sudah jadi , maka yang perlu kita lakukan mengatur ulang nilai margin dan padding pada tag-tag yang kita lihat berubah.

Contoh lain dari Global Reset.

* { outline: 0; padding: 0; margin: 0; border: 0; }

Yahoo Css Reset

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; }

Contoh template yang sering mengunakan global reset bisa kita lihat pada Theme-nya Wordpress, Template blogspot keluaran BlogAndWeb atau themerious dll.

Technorati tags: Css, Blogger, Blogspot, Tutorial

Related Link.

1. a-killer-collection-of-global-css-reset-styles 

2. reser-reloaded – eric’s

3. Global White Space Reset

4. css tip global reset

Download Minima Cigazine Template

Makacih atas kunjugan dan supportnya selama ini

Page views this post: reader