» Publicación:
25 agosto 2010
/
Categoría:

Las bondades del CSS Reset

Bien, muchas veces cuando empezamos a realizar sitios webs ocupamos parámetros como <H1>, <H2>, <Img>, <p> y otros muchos más. Ahora el problema viene cuando nos damos cuenta que todos los elementos HTML tienen unos atributos CSS predeterminados.
No se si me entiendo, por ejemplo en algunos navegadores, los elementos h1 tienen un determinado margen superior, en otros navegadores este margen es distinto. Estos estilos, generalmente son los ocasionantes de algunos de los problemas más comunes como verse bien en todos los navegadores (aunque en el caso de Internet Explorer 6 y 7 es algo más interno, el navegador no esta bien desarrollado por los estándares de la W3C). Y por ello puede ser interesante resetearlos, para evitar que estos elementos nos descuadren la página.

Para resetear todo esto en los navegadores llamamos a un “CSS Reset” que no es más que una serie de reglas que “formatean” los márgenes, tamaños de letra, alineaciones, etc… Se trata de eliminar completamente los estilos por defecto del navegador para empezar con una hoja en blanco sobre la que podremos aplicar nuestros estilos sin que los estilos por defecto nos interfieran en nuestro diseño (difícilmente ocuparemos los diseños default).

Para aplicar el código de CSS Reset, solo basta con pegar el siguiente código en tu CSS:

  • Facebook
  • Twitter
  • Tumblr
  • Digg
  • Reddit
  • LinkedIn
  • Google Bookmarks
  • E-Mail
» Sobre el autor: Reckless
Joven chileno de 29 años, con un paso por la escuela de Ingenieria de la UNAB, que dejo a medio camino para tomar la carrera de Diseñador Gráfico Profesional en la Universidad Santo Tomás, que era lo que siempre busco desde los 12 años. Fanático de la Universidad de Chile, el Metal y el Hardrock. Actualmente trabajando como Diseñador & Desarrolador Web para Especiales de Emol.com, ademas de "Freelancear" cuando se puede.
Comentarios
Por ahora esta entrada no contiene ningún comentario...
Se el primero en comentar está entrada en el formulario de abajo.
Escribe tú comentario
*
*
» Mensaje: