En otra ocasión ya hablamos sobre Resetear la CSS en ZonaW. Ya que los tiempos cambian y los artículos sobre tecnología se quedan desactualizados en unos pocos meses, hoy seguimos acordándonos de Eric Meyer, creador del CSS Reset más utilizado y difundido entre las comunidades de desarrolladores y diseñadores. Gracias a que es uno de los más ligeros y simples de implementar. El mismo reset lo encontrarás en los CSS Frameworks más famosos: Blueprint, YUI CSS Framework…
A pesar de que aún su autor nos sigue recomendando utilizar la versión anterior de su CSS Reset 1.0 y así es como aparece en el site oficial del CSS Reset, podemos comenzar a adaptar nuestras webs con el cada día más extendido HTML5.
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, 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,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
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 visible focus styles!
:focus {
outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Nota: por el momento no se ofrece ningún enlace oficial de descarga, por lo que es necesario copiar y pegar el código manualmente.