Styles CSS par défaut : après Reset Reloaded, Eric Meyer fait encore risette avec Resetting Again

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Styles CSS par défaut : après Reset Reloaded, Eric Meyer fait encore risette avec Resetting Again

Pour notre plus grand plaisir, Eric Meyer – le gourou des CSS – a mis à jour son célèbre Reset CSS. Après Reset Reloaded, voici donc Resetting Again ! Le plus gros changement est la suppression de l’héritage (inherit) des propriétés font-weight, font-style et font-family : la mauvaise prise en charge de la valeur inherit par Internet Explorer ne permet pas un reset satisfaisant dans tous les navigateurs.

Parmis les autres modifications, nous avons : la simplification de la suppression des guillemets pour les balises blockquote et q avec un élégant quotes: none et l’ajout des balises ins et del pour éviter que certains navigateurs maladroits n’appliquent le soulignement à la balise ins, ce qui entraine une confusion avec les liens.

Resetting Again : des CSS au garde-à-vous

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

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

Articles en relation

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



4 commentaires pour “Styles CSS par défaut : après Reset Reloaded, Eric Meyer fait encore risette avec Resetting Again”

  1. burningHat dit :

    Question: c’est IE « en général » qui enquiquine avec le inherit ou une version particulièrement obsolète comme la 6 ou la 5.5 ?

  2. bruno bichet dit :

    @burningHat > j’ai l’impression que IE7 a des difficultés avec inherit. Par exemple, avec l’ancien reset « Reloaded » un élément H1 n’est pas mis en gras par FF alors que c’est le cas pour pour IE7.

    J’ai fait un petit test qui vaut ce qui vaut. Avec le « Resetting Again » (sans spécifier inherit pour la valeur font-weight, donc, mon titre h1 est en gras dans FF et IE7.

    Si je précise « font-weight: inherit » pour cette même balise h1, mon titre perd son gras dans FF mais le garde dans IE7 comme s’il ne l’interprêtait pas.

    Bref, n’ayant pas encore trouvé comment installer Windows 2000 sur Virtual PC 2007(1) je ne peux pas encore tester sur ie6, mais bon, ça doit être la même chose ;)

    (1) si d’aillleurs un bonne âme pouvait m’expliquer comment installer quoique se soit sur VPC2007 « se serait la maison du bonheur, même à Forcalquier, j’suis preneur » :D

  3. burningHat dit :

    ok merci… bon donc si même IE7 fait des caprices va falloir que je me penche là-dessus :p

    pour VirtualPC (ou tout autre logiciel de virtualisation d’ailleurs), tu peux m’envoyer une description de ton problème par mail si tu veux… C’est tout à fait mon rayon. :p

  4. [...] Styles CSS par défaut : après Reset Reloaded, Eric Meyer fait encore risette avec Resetting Again [...]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site