Anular los estilos por defecto de los navegadores web
21 enero, 2010
1 Comentario
Imagino que si en alguna ocasión has desarrollado una página web te habrás enfrentado al eterno problema de los diferentes renderizados de cada navegador; ya se que casi siempre el único que da problemas es el Internet Explorer de Microsoft, pero seguro que si tu página posee un formulario no se ve igual en todos los navegadores, aunque respete la estructura y estilos que has definido (sobre todo los botones).
Esta situación tiene su origen en que los navegadores web definen una serie de estilos por defecto que dan lugar a esas pequeñas diferencias entre lo que hemos definido y lo que en realidad vemos. Una manera de salvar esta situación es la de resetear los estilos antes de empezar a aplicar los nuestros.
Veamos algunas de las técnicas más empleadas:
- Eliminación global de espacios en blanco: se utiliza el operador global *; seguro que la has visto en más de una ocasión: elimina todos los márgenes y paddings de todos los elementos del documento web, independientemente de que sea un elemento tipo bloque o tipo inline. En general se considera un buen método porque es muy rápido y sencillo; no obstante,
- Tantek Çelik’s undohtml.css: fue una de las primeras páginas de css específicamente creadas para no quedarse sólo en el reseteo del padding y margin. Puedes ver su trabajo en la siguiente URL: http://tantek.com/log/2004/09.html#d06t2354
- Yahoo UI Library’s Reset CSS: Yahoo ha creado su propio fichero para el reseteo de estilos CSS. Lo podéis encontrar en la biblioteca CSS de Yahoo, y existe incluso una versión accesible desde cualquier página web, de tal forma que es posible importarlo o hacer una referencia al mismo para emplearlo en vuestros trabajos. Muy recomendable: http://developer.yahoo.com/yui/reset
- Eric Meyer’s Reset CSS: otra interesante aportación, la podéis encontrar en http://meyerweb.com/eric/tools/css/reset
* {
padding: 0;
margin: 0;
}
Para finalizar, deciros que no hay unanimidad a la hora de decidir qué hay que resetear y qué hay que dejar como está, así que, como siempre, la decisión final será vuestra.
Categorías:css