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');




Bookmark and Share

0 komentar: