Micaela 1 de febrero de 2009 a las 09.00
   Imprimir artículo
elWebmaster.com

Hojas de estilo CSS para resetear el navegador


Seguramente alguna vez has leído o escuchado en algún lado algo sobre las hojas de estilo CSS para resetear el navegador, las mismas no son algo muy difundido por lo que a continuación les voy a explicar un poco sobre ellas.

La meta que tienen estas hojas de estilo es reducir las inconsistencias del navegador en cuanto a las líneas, márgenes y tamaño de fuente de los titulares que vienen por defecto y ese estilo de cosas.
Las hojas de estilo para resetear suelen aparecer en los frameworks CSS, y la original “meyerweb reset” encontró la forma de incorporarse en Blueprint, entre otros.

Este es un ejemplo muy básico de una hoja de estilos para resetear, un punto de partida que debería ser editado y extendido. Completa tus colores preferidos para la página, links y demás:

/* v1.0 | 20080212 */

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;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
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;
}

Fuente: Meyerweb


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder