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. 🙂