Desain Web : Reset CSS
Tujuan dari reset stylesheet adalah untuk mengurangi ketidak-konsistenan peramban dalam hal line height baku, margin, dan ukuran font heading, dan lain sebagainya. Reset style sering muncul dalam framework CSS.
Isi dari reset style ini adalah style yang digunakan secara umum. Tidak ada pengaturan warna baku atau latarbelakang (background) atas elemen body misalnya. Saya tidak merekomendasikan hanya menggunakan style ini untuk project anda. Harus diutak-atik, diedit, dilengkapi dan disesuaikan dengan kebutuhan anda. Lengkapilah dengan warna untuk halaman, links dan lain-lainnya. Dengan kata lain, style ini hanya sebagai permulaan pengaturan CSS anda.
Jika anda hendak menggunakan style ini, silakan, gratis. Konten ini bersifat public domain. Silakan salin dan tempel (copy/paste) kode styles berikut ini.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}</code>
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
} |
