Bisa dipastikan anda tentu sudah mengenal dengan pengkodean CSS, paling tidak saya yakin anda tentu pernah mengeditnya. Karena hampir semua yang berafiliasi dengan halaman web dinamis entah itu blog atau situs apapun niscaya selalu memakai pengkodean CSS ini. Pendek kata, dalam hal ini saya anggap saja kita semua sudah mengenalnya ya hehehe..
Nah kali ini saya coba menyebarkan warta perihal Global Reset Css (*hanya istilah untuk nilai default pada CSS) dimana fungsi reset css ini sebetulnya berkhasiat untuk mengatasi prilaku berbeda pada setiap default browser. Kita tentu mengetahui tidak semua yang ditampilan pada halaman web pada browser modern selalu sama, ini alasannya yakni setiap element default pada user agent mempunyai 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 memperlihatkan akomodasi mengatur starting value secara default, reset css kadang mempunyai kekurangan, dimana kita perlu mengatur dan menata ulang kembali beberapa bab nilai value pada pengkodean Css. Makara Global CSS Reset tidak dapat asal comot dan di copas sembarangan..tar kesudahannya bukan malah lebih baik justru akan malah bikin acak-acakan saja. Makara saran saya buat yang kurang begitu memahami pengkodean CSS lebih baik minta proteksi 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 eksklusif selengkapnya disini
Cara menggunakannya:
- Untuk blogger silahkan letakan global Css Reset diurutan paling atas pada halaman CSS anda.
- Untuk Worpress dapat dengan cara yang sama dengan blogger diatas atau dengan memanggil dengan perintah @import url('http://namadomain.net/fileresetcss.css');
0 comments:
Post a Comment