¿Qué es Normalize.css?Normalize es un fichero CSS que apenas ocupa 8 KB, cuyo principal objetivo es mantener los estilos similares en los navegadores, ya que cada uno agrega sus propios estilos por defecto, por ejemplo te suelen agregar distintos paddings, margins, font-sizes,etc. Con Normalize CSS lo que hacemos es regularizarlos y que nuestra web se vea igual independientemente del navegador donde se visualice. Además está preparado para adaptarse completamente a HTML5.
¿Qué hace?- Al contrario que algunos CSS reset, preserva los valores por defecto de los navegadores.
- Corrige errores e inconsistencias de los navegadores.
- Normaliza estilos para una amplia gama de elementos HTML.
- Incluso mejora la usabilidad con mejoras sutiles.
¿Cómo usarlo en nuestros proyectos?
Para usarlo en nuestros proyectos es muy sencillo, basta con seguir los siguientes pasos:
- Descargar el fichero y colocarlo en la carpeta de nuestra web.
- Al tratarse de una hoja de estilo (.css), debe ser tratado como tal, y por tanto simplemente hay que referenciarlo en el <head> del documento html
<link rel="stylesheet" href="normalize.css" />
Muy importante colocar la referencia a este fichero antes que cualquier otro estilo. - Listo!, ya tendríamos normalizada nuestra página web, sin configuraciones ni instalaciones. Ya se debería ver igual en todos los navegadores.
Descargas