Jenis-jenis reset css

1. Reset Universal http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/

* {
     vertical-align: baseline;
     font-weight: inherit;
     font-family: inherit;
     font-style: inherit;
     font-size: 100%;
     border: 0 none;
     outline: 0;
     padding: 0;
     margin: 0;
 }

2. Reset YUI http://developer.yahoo.com/yui/reset/

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

3. Reset Net Tuts+ http://net.tutsplus.com/tutorials/html-css-techniques/weekend-quick-tip-create-your-own-resetcss-file/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td {
    margin: 0; padding: 0; border: 0; outline: none;
}



body {
    line-height: 1;
    font-size: 88% /* Decide for yourself if you want to include this. */;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    padding: .6em 0;
    margin: 0 15px;
}

ul, ol {
    list-style: none;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.floatLeft {
    float: left;
    padding: .5em .5em .5em 0;
}

.floatRight {
    float: right;
    padding: .5em 0 .5em .5em;
}

4. Reset Meyer Web http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

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: "" "";
}

CSS Reset (atau "Reset CSS") adalah css yang terkompresi (minified). Seperangkat aturan CSS yang me-reset gaya dari semua elemen html ke dasar konsisten.

Yang perlu diketahui, setiap browser memiliki sendiri default 'user agent' stylesheet, yang diggunakan untuk membuat website unstyled muncul lebih mudah dibaca. Misalnya, contoh kecil kebanyakan browser secara default membuat link biru dan link yang dikunjungi ungu, memberikan tabel jumlah tertentu dari perbatasan dan padding, menerapkan ukuran font variabel H1, H2, H3 dll dan sejumlah padding untuk hampir kesemuanya. Saya pernah bertanya-tanya mengapa tombol normal kirim terlihat berbeda di setiap browser.

Jelas ini membuat pusing untuk penulis CSS. Jadi menggunakan CSS Reset, penulis css dapat memaksa setiap browser memiliki semua gaya reset ke nol, sehingga menghindari perbedaan lintas-browser sebanyak mungkin.