Reset CSS itu apa?
Reset CSS adalah trik yang digunakan oleh sebagian web designer untuk mengeset value(nilai) dari beberapa elemen style ke nilai-nilai tertentu sehingga dapat menciptakan konsistensi tampilan website ketika diakses melalui browser-browser yang berbeda.

Sebagaimana yang kita ketahui, setiap browser telah memberikan nilai default untuk setiap elemen style CSS. Artinya, jika file CSS yang kita buat tidak mendefinisikan elemen style tertentu, maka ketika elemen itu ditampilkan di HTML, tampilan dari elemen tersebut akan mengikuti aturan-aturan default dari browser yang mengaksesnya. Kayaknya ngga’ masalah deh? Eits, tunggu dulu, hehe.. Celakanya, kadang setiap browser berbeda-beda dalam menetapkan nilai-nilai default tersebut. Tidak ada kesepakatan di antara mereka. Akibatnya, tampilan website yang kita desain mungkin akan bagus(baca:sesuai keinginan kita) ketika diakses di suatu browser tetapi akan terlihat berantakan ketika diakses menggunakan browser yang lain. Parah kan? :geleng2:

Nah, untuk mensiasati inkonsistensi itulah, para web designer menggunakan trik reset CSS.

Awalnya, trik reset CSS hanya mengeset margin dan padding untuk semua elemen. Ya, margin dan padding dari setiap elemen diset nilainya menjadi 0(nol) . Akan tetapi langkah tersebut ternyata membawa masalah. Langkah tersebut akan bermasalah dengan elemen-elemen yang ‘tidak mau’ margin dan paddingnya direset. Kemudian, trik reset CSS berkembang sehingga dapat mencover sebanyak mungkin elemen tetapi sedapat mungkin tidak menimbulkan masalah baru.

Trik reset sering (mungkin paling sering) digunakan adalah reset CSS yang direkomendasikan oleh Eric Meyer. Berikut ini adalah trik reset CSS ang direkomendasikan Erik Meyer:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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;
}

/* 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;
}

Gimana2? Mau mencoba trik itu? Mau menggunakan trik itu untuk desain web Anda?
Sekedar informasi untuk pertimbangan dan untuk memperluas cara pandang kita, ada juga expert yang kurang setuju dengan trik itu, dan lebih memilih untuk tidak menggunakan trik itu dalam setiap desain yang dia buat. Salah satunya adalah Jonathan Snook. Pilihan terakhir ada di tangan anda. Hehe.. Jangan pilih tampang ya.. (lah, emangnya Pilkada?! eace2: )