Contacta (+34) 622 045 404

Estudio de desarrollo front-end, maquetación web, diseño y programación WordPress freelance.

Fundado por Alberto Fortes, diseñador y maquetador web HTML5 responsive design, front-end developer JavaScript y programador WordPress freelance a medida desde 2006.

Especializados en outsourcing con importantes clientes finales.

Normalización de estilos CSS: Reset CSS

11 Mayo, 2007

Hay muchas propuestas para normalizar estilos CSS, esta es la que estoy utilizando.
Hacer un reset de los estilos CSS nos viene muy bien a la hora de normalizar los comportamientos de los elementos html en CSS en los diferentes navegadores, por ejemplo, el padding de un elemneto de encabezado h o un ul es diferente en explorer que en Mozilla. Si al principio de nuestra hoja de estilos normalizamos, estos deben tener las mismas propiedades, comporatmientos, dimensiones, etc.
Con lo que te ahorras tiempo, hacks, y quebraderos de cabeza.

Yo suelo usar esta, con algunas modificaciones:

/* ********************
reset
**********************/
body {
font:x-small Helvetica, Arial, sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}
fieldset,img, abbr, acronym {
border:0;
}
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
img {
border:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:1em;
font-size:100%;
font-weight:normal;
}
a { outline:none; }