El reset en CSS y Normalize CSS

Muchas veces en tutoriales de CSS o plantillas  de HTML5 y CSS3, nos encontramos en la hoja de estilos, con un bloque que viene precedido del comentario /*RESET/* y a continuación una serie de reglas CSS. También nos podemos encontrar, más en las plantillas, con que hay una hoja de estilos llamada normalize.css. Bien, pues hoy, vamos a ver de que trata esto del RESET y la hoja de estilos normalize.css

Los reset de CSS básicamente nos permiten una puesta a cero de todos los navegadores para que muestren las propiedades de CSS del modo más homogéneo posible. ¿Por qué es esto necesario? Porque existen cientos de navegadores web en el mercado, cada uno de ellos con una hoja de estilos CSS básica diferente.

Los reset de CSS hacen que limpiemos todas las propiedades de CSS, que aplican por defecto los navegadores web y que además son diferentes en cada uno de ellos. De esta manera nuestra CSS, será lo más homogénea posible en todos los navegadores web que existen.

Por ejemplo, una regla CSS clásica del reseteado es :

body {
    margin: 0;
}

Con esto lo que hacemos es que ningún navegador aplique margenes al body. Esta simple regla, nos evita muchos dolores de cabeza.

Ahora viene lo mejor, en GitHub, podemos encontrar gracias a Nicolas GallagherJonathan Neal, una hoja de estilos llamada normalize.css, podéis descargarla desde aquí.

Esta hoja de estilos tiene las siguientes características:

  • Mantiene defaults de los navegadores.
  • Corrige ciertos errores de los navegadores.
  • Normaliza los estilos para un montón de elementos HTML.

Para usar esta CSS en nuestro proyecto, lo mejor es descargarla y enlazarla en el <head>.

 

2 thoughts on “El reset en CSS y Normalize CSS

  1. chris Reply

    Hola. Hace siglos que no toco el tema web y eso que estudié diseño y programación web hace… o más. En fin.
    Buscaba info acerca de como estaba el tema del reseteo a estas alturas y parece que se sigue haciendo.

    Me figura que es del año pasado este artículo. o sé si ha cambiado algo de un año para otro.

    Me ha dado por hacerme una web sencilla tras curiosear el tema del css grid pero me tengo que repasar html5 css y flexbox (casi nada) .

    En fin, vamos a intentarlo.

    Entonces, ¿se sigue reseteando y este enlace que pones sigue siendo ideal?
    Saludos

    • admin Post authorReply

      Buenas,
      por supuesto, resetear nuestra CSS antes de comenzar nuestro proyecto es ideal.
      Un saludo, Raúl.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *