Reseteando estilo CSS

Escrito por
WillxD
el 21 de February del 2009 en
CSS
AudioJungle - Encuentra archivos de musica, loops, efectos de sonido desde $1

Los elementos HTML se presentan de una forma determinada en cada navegador y no siempre de la misma forma, ya que cada navegador tiene su propio atributo CSS predeterminado.

Por ello nacieron los "reset" del CSS que definen los elementos iniciales para evitar algunos problemas como no ver igual en diferentes navegadores. Veamos el código:

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;
}
:focus {
	outline: 0;
}
 
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
 
blockquote:before, blockquote:after,q:before, q:after {
	content: "";
}
 
blockquote, q {
	quotes: "" "";
}

Hay 2 maneras de insertar el código:

  • Insertando directamente a la hoja de estilo
  • Guardar el código con el nombre "reset.css" e importarlo de la siguiente manera:
@import 'reset.css';
ThemeForest - Los Mejores themes de wordpress desde $5
Anunciate aqui

Deja tu Comentario