"Alle CSS-Vorgaben von Browsern können durch Eric Meyers CSS-Reset genullt werden. Alle Vorgaben? Nein! Eine kleine Reihe rebellischer Default-Styles hört nicht auf, an Erics Gewissen zu knabbern." Daher bringt Eric Meyer nun eine neue, nicht mehr so ganz finale Version seines CSS-Resets heraus.

Die neueste Version des CSS-Resets enthält einige kleine Feinheiten:

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

/* Safari doesn't support the quotes attribute, so we do this instead. */
blockquote:before,
blockquote:after,
q:before,
q:after
{
/* CSS 2; used to remove quotes in case "none" fails below. */
content: "";

/* CSS 2.1; will remove quotes if supported, and override the above. User-agents that don't understand "none" should ignore it, and keep the above value. This is here for future compatibility, though I'm not 100% convinced that it's a good idea... */
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;
}

Neu ist z.B. die sauberere Lösung, Zitate (quote-Tags) daran zu hindern, automatisch Anführungszeichen um die Inhalte zu legen. Wirklich grundlegend anders ist allerdings das Fehlen des inherit-Befehls für Schriftstyles, den Eric Meyer in früheren Versionen des Style-Switchers noch verteidigt hatte. Seine Begründung für den Umschwung ist, dass er nun den CSS-Reset vielmehr als Basis für vollständige Stylesheets verstünde und nicht mehr als bloßes Verbotsschild für Browser.

Außerdem gibt es Verbesserungen für ins und del. Manche Browser stellen laut Eric ins-Tags unterstrichen dar. Um solchen und ähnlichen Makeln entgegen zu wirken, wird ins nun verboten, Unterstreichung zu benutzen und del wird explizit befohlen, in ihm einverleibten Text durchzustreichen. Ansonsten bleibt aber alles beim alten.

Wer sich nun fragt, was das ganze Theater soll: Der CSS-Reset kann bei zukünftigen Projekten bzw. der eigenen Website vor den eigenen CSS-Dateien im Head einer Website eingebunden werden und resettet möglichst alle vordefinierten Browser-Styles, damit man mit seinem Stylecode auch wirklich 100%ige Kontrolle über die Optik hat und nicht bei Heading-Abständen, Tabellenzelleninnengrößen und ähnlichem auf die Gnade des jeweiligen Browsers angewiesen ist.

Update am 06.03.2008
Safari hat Probleme mit dem quotes-Tag und deswegen werden Anführungszeichen rund um Zitate in WebKit nicht resettet. Paul Chaplin hat in seinem Blog-Artikel dazu eine Lösung vorgeschlagen, um den CSS-Reset für Safari noch zu optimieren. Ich habe seine Lösung im Reset-Code oben mit eingefügt.

Geschrieben am 31.01.2008