Google
 

jueves, 24 de enero de 2008

Cómo resetear el CSS predeterminado del navegador

Cada navegador tiene un CSS distinto por defecto, lo que muchas veces nos causa problemas al crear un CSS que funciona bien en un navegador y en otros es totalmente diferente.

Este CSS creado por Eric A. nos deja todos los CSS iguales en todos los navegadores el código es el siguiente:

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,

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-weight: inherit;

font-style: inherit;

font-size: 100%;

font-family: inherit;

vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

outline: 0;

}

body {

line-height: 1;

color: black;

background: white;

}

ol, ul {

list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

border-collapse: separate;

border-spacing: 0;

}

caption, th, td {

text-align: left;

font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}
Más información sobre Reset CSS

Fuente: http://www.carlosleopoldo.com/2007/05/21/como-resetear-el-css-predeterminado-del-navegador/

No hay comentarios: