Minggu, 10 Januari 2010

Global CSS Reset Pilihan



Bisa dipastikan anda tentu sudah mengenal dengan pengkodean CSS,
paling tidak saya yakin anda tentu pernah mengeditnya. Karena hampir semua yang
berhubungan dengan halaman web dinamis entah itu blog atau situs apapun pasti
selalu menggunakan pengkodean CSS ini. Pendek kata, dalam hal ini saya anggap saja kita semua
sudah mengenalnya ya hehehe..


 


Nah kali ini saya coba berbagi info tentang Global Reset Css (*hanya
istilah untuk nilai default pada CSS) dimana fungsi reset css ini
sebenarnya berguna untuk mengatasi prilaku berbeda pada setiap default browser.
Kita tentu mengetahui tidak semua yang ditampilan pada halaman web pada browser
modern selalu sama, ini karena setiap element default pada user agent memiliki
nilai yang berbeda-beda. Global Reset CSS ini tentu memudahkan desainer untuk
memberi starting value yang sama pada setiap browser sebelum mengeksekusi nilai
css yang sebenarnya.


 


Selain reset css memberikan kemudahan mengatur starting value secara default,
reset css kadang memiliki kekurangan, dimana kita perlu mengatur dan menata
ulang kembali beberapa bagian nilai value pada pengkodean Css. Jadi Global CSS Reset tidak bisa asal comot dan di copas sembarangan..tar hasilnya bukan malah lebih baik justru akan malah bikin berantakan saja. Jadi saran saya buat yang kurang
begitu memahami pengkodean CSS lebih baik minta bantuan temen yang memang sudah
mengerti dulu :)


 


Dibawah ini beberapa Global CSS Reset Yang Populer:


 


YAHOO (YUI RESET CSS)


 


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

 

MEYER WEB GLOBAL CSS RESET


 


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


Masih kurang puas dengan diatas silahkan kunjungi langsung selengkapnya disini

 


Cara menggunakannya:



  • Untuk blogger silahkan letakan global Css Reset diurutan paling atas pada
    halaman CSS anda.

  • Untuk Worpress bisa dengan cara yang sama dengan blogger diatas atau
    dengan memanggil dengan perintah @import url('http://namadomain.net/fileresetcss.css');


 


 


 

Tidak ada komentar:

Poskan Komentar