Resetear las CSS: normalize.css

Normalize.css es una hoja de estilo programada por Nicolas Gallagher que sirve de plantilla para crear una hoja de estilo más sólida.

boticcelli

archivado en: HTML/CSS / 22 octubre, 2012

Cuando se prepara una hoja de estilo, un archivo .css, es normal que no se definan algunos elementos. Al menos a mí, por ejemplo, ni se me pasa por la cabeza definir un estilo para los superíndices o los subíndices. Cuando un elemento, un tag, carece de un estilo definido puede ser interpretado por cada versión de los distintos navegadores de forma diferente. Son matices, pero es mejor si están controlados.

Para solucionar eso, Nicolas Gallagher ha diseñado una plantilla base en la que, además de diversos css-hacks, están definidos elementos tan exóticos como los superíndices:

  • sub, sup {
  • font-size: 75%;
  • line-height: 0;
  • position: relative;
  • vertical-align: baseline;
  • }
  •  sup {
  •  top: -0.5em;
  • }

El archivo se puede bajar desde la página oficial del proyecto o desde el repositorio de github. Para usarlo es tan fácil como ponerle el nombre que quieras (style.css, mi_estilo.css...), y cambiar y añadir los estilos que se vayan necesitando. Así, de esta manera tan sencilla, se pueden programar hojas de estilo mucho más sólidas o, al menos, completas.  🙂

|| Tags: ,

valoración de los lectores sobre Resetear las CSS: normalize.css

  • estrellica valoración positiva
  • estrellica valoración positiva
  • estrellica valoración positiva
  • estrellica valoración positiva
  • estrellica valoración negativa
  • 4.4 sobre 5 (5 votos)

¿Te ha parecido útil o interesante esta entrada?
dormido, valoración 1 nadapensativo, valoración 2 un poco sonrisa, valoración 3 a medias guiño, valoración 4 bastante aplauso, valoración 5 mucho

Tú opinión es muy importante, gracias por compartirla!

Los comentarios están cerrados.