2.1.3. Hojas de estilos
En todas las páginas web hay líneas de código que se repiten continuamente. Estas líneas suelen definir aspectos relacionados con el formato del texto o de otros elementos como los hipervínculos.
Para simplificarlo se usan las hojas de estilos.
Actividad
Una hoja de estilo es un conjunto de instrucciones de código que permite
la definición de tipos de fuente, colores, tamaños y demás atributos.
Cuando en una página web se hace referencia a una hoja de estilo, ésta
busca la hoja a la que se refiere, que debe estar almacenada en el
mismo sitio web.
| La ventaja es la simplificación del código y en las tareas de
modificación y mantenimiento, puesto que para cambiar cualquier aspecto
sólo hay que modificar la hoja de estilo.
El lenguaje más utilizado para la realización de hojas de estilos es el CSS (Cascading Style Sheets). |
|
|
|
||
|
Img 23. Logo CSS Imagen de W3.org |
Img 24. Código CSS
Imagen de Wikipedia con licencia Creative Commons
|
|
CSS ofrece la posibilidad de crear una hoja de estilo interna (el código se inserta en el elemento head) o externa (almacenada en un archivo distinto a la página web). Esta última opción es la que ofrece más ventajas en cuanto a la simplificación del código y a la modificación del diseño de la página.
Se pueden resumir las ventajas de usar hojas de estilos CSS en las siguientes:
- Simplificación del código y centralización en el control de cambios.
- Accesibilidad desde cualquier dispositivo o navegador, ya que es posible la aplicación de diferentes hojas de estilo dependiendo de donde se muestre.
Pre-conocimiento
¿Para qué nos interesa usar una hoja de estilos?
La respuesta es rápida. Visita estas páginas y encontrarás la solución.
- En esta dirección encontrarás pequeños ejemplos con estilos.
- En esta dirección encontrarás un generador de código CSS para elegir diferentes tipos de cursores.