Estoy realizando cambios en este blog. Perdón por los problemas ocasionados.

Reseteando estilos CSS en nuestras páginas web

Dependiendo del tipo de navegador los elementos HTML se presentarán de una forma u otra, haciendo muy dificil que un navegador coincida con otro en este aspecto.

Para evitar precisamente esto nacieron los reset, que no son más que hojas de estilos propias que definen los elementos de una forma parecida a la siguiente:

Código CSS

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

DescargaArchivo CSS

Más propuestas

Existen infinidad de reset, los hay mejores y peores, pero todos ellos buscan lo mismo. Aquí os dejo una pequeña lista con mis preferidos:

votar

Si te ha gustado este artículo puedes votarlo ahora en Bitacoras.com. De esta forma más gente podrá leerlo y conocer las noticias de este blog.

Artículos Relacionados

Comentarios (2)

Deje su comentario

Nos reservamos el derecho de eliminar y/o modificar los comentarios que contengan cualquier tipo de lenguaje inapropiado, spam u otras conductas no aceptadas en una comunidad civilizada. Si su comentario no aparece, puede ser que nuestros filtros lo hayan detectado y marcado como spam, se revisarán los comentarios diariamente. Sentimos las posibles molestias ocasionadas.