Resetear archivo CSS

bufa — Sun, 09 Aug 2009 23:53:34 +0000

Crear un archivo css para resetear inicialmente todos los valores css de un documento se hace imprescindible para evitar que nuestra página web se vea diferente en internet explorer que en firefox, safari, etc…

Una de las prácticas más habituales es la de creat al inicio de nuestro archivo css la propiedad: * { margin:0; padding:0; }

Pero la propiedad anterior no es suficiente cuando trabajamos con más objetos que no dependen exclusivamente del margin y padding.

A continuación un archivo (reset.css) más elaborado para inicializar los estilos:

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;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* En el código HTML es necesario añadir cellspacing="0" a la tabla */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

Bufa Webmaster » reset

Resetear archivo CSS