Actividad
Selectores1) Abre en dreamweaver la página quijot1.html.
- Crea una regla interna para que los párrafos se presenten en color azul marino.
- Cierra el editor CSS y comprueba el resultado.
- Aprovecha la visualización para hacer que el texto Primera Parte se convierta en un título de tipo h1 y el título del Capítulo 1 en un h2.
- Mira en la pestaña Código fuente cómo se ha definido la regla para los párrafos.
- Vuelve al editor de estilos y haz que el párrafo esté justificado y con letra de la familia sans-serif (tendrás que hacer doble clic sobre la hoja de estilo para que se desplieguen los selectores y poder elegir el que hemos creado ).
- Crea una regla para que los títulos h1 se presenten en fuente sans-serif y color granate y otra para que los h2 sean también sans-serif pero en color gris de intensidad media.
- Comprueba en la pestaña Código fuente cómo han quedado definidos los estilos
- Guarda el trabajo como selectores1.html.
Selectores2) Vuelve al archivo selectores1.html que recoge los últimos pasos que hemos dado.
- Crea una regla que agrupe h1 y h2 para especificar que deben llevar el tipo de letra de la familia sans-serif.
- Borra este atributo en cada una de las reglas individuales para h1 y h2
- Comprueba que ambos títulos siguen presentándose con la fuente que hemos seleccionado.
- Guarda este nuevo paso como slectores2.html.
Selectores3) Abre en Dreamweaver el archivo licenciacc.html
- Crea una hoja de estilos externa y una regla para que todas los términos enfatizados con <em> aparezcan en color azul .
- Crea otra regla para que los elementos <em> que se encuentren dentro de un item de una lista se muestren en negrita.
- ¿Te animas a crear una regla para que los elementos <em> adyacentes a otro elemento <em> se muestren de color rojo
- Guarda el trabajo como selectores3.html
Selectores4) Abre el archivo selectoresporatributo.html
-
Crear una hoja de estilo con una regla para que todos los elementos que incluyan el atributo
face
en la etiquetafont
se muestren en negrita. -
Añade una regla para que aquellos elementos que tengan el valor
Courier
como atributo único deface
se muestren en itálica. -
Por fin una tercera regla que haga que los que tengan, entre otros, el valor
serif
en el atributoface
se muestren en color verde. - Comprueba visualmente los resultados en distintos navegadores. Guarda con selectores4.html