1. 20. CSS
Vamos a trabajar con las hojas de estilo en cascada, para practicar abrimos “curriculum.html”
y bien escribimos el nuestro o bien pegamos la el ejemplo “Currículum.txt”
Un estilo CSS es más que un conjunto de reglas de formato que controlan el aspecto del
contenido de una página Web. Los estilos CSS aportan gran flexibilidad y control al aspecto
exacto que se busca en una página, desde la posición precisa de elementos hasta el diseño de
fuentes y estilos concretos.
Una de las grandes ventajas es que cuando se actualiza un estilo CSS, el formato de todos los
documentos que usan ese estilo se actualiza automáticamente.
Para crear un nuevo estilo dentro de una hoja, seleccionamos la hoja en el panel CSS y
pulsamos el botón que sirve para crear un nuevo estilo en la hoja de estilos seleccionada o en
otra nueva.
En ella puede especificarse el Nombre: del estilo, sin espacios y comenzando con un punto.
56
2. Nosotros la vamos a llamar “.nombre_curriculum”, ya que sera la quew aplicaremos a
nuestro nombre en el currículum.
Con la opción Clase seleccionada es posible especificar si el estilo va a ser uno personal
creado desde cero. (la qué vamos a utilizar)
Con Etiqueta se pueden modificar los atributos de una etiqueta ya existente, en este caso en
Nombre: aparece la lista de etiquetas HTML que pueden ser redefinidas, como pueden ser
BODY, A, FORM, TABLE, etc.
Con Avanzadas se puede redefinir el formato de una combinación de etiquetas.
En Definir en: se determina si el estilo se añade a la hoja de estilo propia del documento (Sólo
este documento), si se añade a una nueva hoja de estilos (Nuevo archivo de hojas de estilo), o
si se añade a la hoja de estilos seleccionada.
Aceptamos y nos aparece la ventana de Definición de regla para ...... en nuestro caso
“.nombre:curriculum”, definimos las reglas hasta que nos gusten y aplicaremos la hoja de
estilo a nuestro nombre en el currículum, iremos generando las demás hojas de estilo hasta
que tengamos completado el formato de nuestro texto.
57