Ecrit le

Un article de Gpenverne

J'ai découvert cette "astuce" il y a peu, bien que j'imagine que tout le monde la connaissez déjà. Il s'agit d'une feuille de style qui réinitialise les spécificités d'affichage du navigateur, et donc, qui permet de partir sur la même base peu importe le navigateur (en conservant néanmoins les différences de compatibilité habituelle).
Vous pouvez voir l'article source ici : http://meyerweb.com/eric/tools/css/reset/

Vous trouverez le fichier reset.css en pièce jointe à cet article.

Ci-dessous, la source de la feuille de style :

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

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

Crédits :
Eric Meyer - http://meyerweb.com/

Gpenverne

Gpenverne

Développeur backend symfonien, qui trouve toujours moyen de faire des machins avec des bidules même si ce n'est pas utile.