HTML & CSS

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

Publié le par Bruno Bichet