CSS Reset básico

Todos conocemos los distintos problemas que aparecen a la hora de probar un mismo diseño en los distintos navegadores. Para evitar que muchos de estos errores de compatibilidad ocurran algunos diseñadores utilizan la técnica de resetear los estilos por defecto, esto les permite comenzar a aplicar estilos a sus sitios normalizando el estado inicial de los elementos más comunes.

Es uso de CSS Reset es controversial, no obstante muchas personas se acostumbraron a su utilización que en la mayoría de los casos resuelve grandes de los problemas de compatibilidad cruzada.

El principal problema que muchas personas advierten es que la implementación de esta técnica incrementa el peso de las hojas de estilo. Y es justamente lo que intentaron solucionar desde Carrer Blog en donde crearon CSS Mini Reset, que solo resetea los elementos más comunes en apenas unas lineas de código.

El resultado es el siguiente:

/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0;
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }

Como se puede ver el peso que este CSS Reset aportara a nuestras hojas de estilo es mínimo. Me pareció interesante porque ademas esta reseteando los estilos por defecto de los elementos más comunes, que son los que utilizaremos en un 99% de los casos 😀

Para llegar a este genial resultado y según comentan en vcarrer se combinaron varios de los CSS Reset más populares y de uso más difundido. Una buena solución para resetear estilos sin hacer más lentos nuestros sitios.

Web: CSS Mini Reset