Par absurdsystem le 26 janvier 2010
n/a

Reset CSS

resetcss

Un reset de feuille de style est en fait une remise à zéro des valeurs par défaut des navigateurs. Bien sur elle n'est pas totale mais elle permet de corriger une partie des problèmes de compatibilité entre navigateurs.

Autrefois je procédais de cette façon :

* { margin: 0; padding: 0; }
img { border :0; }

Très simpliste, trop même. Et ce n'est pas conseillé. Je vous invite à lire cet article sur Alsacréations.

Plusieurs reset tout fait sont connus. Celui d'Eric Meyer ou de Yahoo par exemple.

Voici le mien :

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q,
samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
time, mark, audio, video {
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; }

table { border-collapse : separate; border-spacing : 0; }

caption, th, td { text-align : left; font-weight : normal; }

table, td, th { vertical-align : middle; }

blockquote:before, blockquote:after, q:before, q:after { content : ""; }

blockquote, q { quotes : none; }

a img {border : none; }

Si vous comparez mon reset avec d'autres vous remarquerez qu'il n'y a pas beaucoup de différences. Cela dépend de chacun,suivant l'utilisation que l'on fait de certaines balises etc.

zp8497586rq
zp8497586rq

Les commentaires sont ferms !