Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

sábado, 9 de febrero de 2008

Resetear estilos en CSS

Eric Meyer ha sido, no el único, pero sí uno de los primeros que he leído sobre la conveniencia de resetear estilos en CSS como inicio de nuestras propias declaraciones.
Esto es, para evitar que los mismos hereden alguna propiedad que por defecto tienen los navegadores.
Recientemente ha actualizado hacia un nuevo estilo, con algunas modificaciones:

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


Las consideraciones (en inglés) pueden leerse en su artículo Resetting Again
Share:

Publicidad

Estadísticas