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.
Related Link.
1. a-killer-collection-of-global-css-reset-styles
2. reser-reloaded – eric’s
Download Minima Cigazine Template
Makacih atas kunjugan dan supportnya selama ini
0 comments:
Post a Comment