L’objectif d’un reset [1] de feuille de style est de réduire les incohérence des navigateurs par exemple en matière de hauteurs, de marges et de tailles des caractères pour les niveaux de titres, etc. Si cela vous intéresse, le raisonnement général derrière tout cela a été développé dans un article de mai 2007 [2]. Le reset des styles est assez souvent présents dans des frameworks CSS, et le « meyerweb reset » originel à trouvé sa voie dans Blueprint [3], entre autre.
Les règles de reset pour les styles données ici sont intentionnellement très génériques. Il n’y à pas par exemple, par défaut, de couleur ou d’arrière plan définis pour l’élément body. Je ne recommande pas particulièrement d’ailleurs que vous utilisiez cette feuille de style en l’état pour vos projets. Elle doit être peaufinée, enrichie, étendue, et en tout état de cause réglée pour correspondre à vos principes spécifique en matière de reset.Rajoutez donc vos propres couleurs favorites pour le fond de page ou les liens, et tout le reste.
En d’autre termes, il s’agit d’un point de départ, et non de tables de la loi auto-proclamées intouchables.
Si vous voulez utiliser mes règles de reset, vous êtes libres de le faire ! C’est explicitement dans le domaine public (je doit le préciser de façon formelle, sinon on me pose la question sur la licence). Vous pouvez récupérer le fichier [4] et l’utiliser comme bon vous semble. Et si vous êtes plutôt copier-coller, ou si vous voulez juste voir à quoi cela ressemble, tout est là.
- /* v1.0 | 20080212 */
- 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;
- }
