Índice de contenidos
Qué son las Hojas de Estilo Internas
Las hojas de estilo internas son estilos que se colocan en el documento HTML. Estos estilos afectan sólo al documento en el que se encuentran y no pueden ser referenciados por ningún otro documento Web.
Ventajas de las Hojas de Estilo Internas
- Las hojas de estilo internas afectan sólo a la página en la que se encuentran.
- Si está trabajando en un sitio grande y necesita probar estilos antes de cargarlos en el sitio como un todo, las hojas de estilo internas pueden ser una gran herramienta. Le permiten probar los estilos en el contexto de todo el sitio sin romper ninguna otra página que no sea la que está probando.
- Las hojas de estilo internas pueden usar clases e IDs.
- A diferencia de los estilos en línea, las hojas de estilo internas pueden aprovechar las clases, IDs, hermanos y otras relaciones de elementos.
- Las hojas de estilo internas no requieren que cargue varios archivos.
- Esto es especialmente útil cuando se trabaja con mensajes de correo electrónico o quioscos en los que sólo se dispone de un archivo HTML para editar. A menudo uso estilos en línea cuando no estoy seguro de cuál sería la URL de una hoja de estilo cargada en un CMS – mantener los estilos con el documento significa que sé qué estilos afectan a ese documento.
- Los estilos internos pueden tener mayor precedencia que las hojas de estilo externas.
- Esto se determina por la orden de carga de las hojas de estilo externas. El desarrollador Web de la página tiene control sobre dónde se colocarán los estilos internos en la cabecera del documento. Si se colocan después del enlace a los estilos externos, tendrán una mayor precedencia en la cascada, y anularán la hoja de estilo externa.
Desventajas de las Hojas de Estilo Internas
- Sólo afectan a la página en la que se encuentran.
- Si desea utilizar los mismos estilos en varios documentos, debe repetirlos para cada página (o enlazar con una hoja de estilo externa).
- Las hojas de estilo internas aumentan los tiempos de carga de la página.
- Cada página que tiene una hoja de estilo interna debe cargar y analizar la información de la hoja de estilo cada vez que se carga la página. Las hojas de estilo externas son almacenadas en caché por los navegadores, lo que mejora los tiempos de carga de cada página después de que se haya cargado la primera.
Cómo escribir una hoja de estilo interna
elemento:
- Abra un documento HTML en su editor Web.
- Añada lo siguiente dentro de
Una hoja de estilo interna completa se vería así:
