Está en la página 1de 3

Ejercicios Tema 1 CSS

Carga el fichero Elquijote.html y sobre él realiza los tres primeros ejercicios

1. Crear las reglas para que el texto aparezca con las siguientes características: -

El fondo debe ser amarillo claro. Los párrafos con letra de la familia sans-serif los títulos h1 se presenten en fuente sans-serif y color granate y negrita los h2 sean también sans-serif pero en color azul y en negrita.

2. Crear las reglas para que el texto aparezca con las siguientes características:

-

los párrafos se presenten en color azul marino. el párrafo esté justificado y con letra de la familia sans-serif los títulos h1 se presenten en fuente sans-serif y color granate los h2 sean también sans-serif pero en color gris de intensidad media.

.Crear una hoja de estilo con una regla para que todos los elementos que incluyan el atributo face en la etiqueta font se muestren en negrita.. . 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..Realiza las siguientes reglas: .html y sobre él realiza el siguiente ejercicio 5..Otra regla para que los elementos <em> que se encuentren dentro de un item de una lista se muestren en negrita. entre otros. el valor serif en el atributo face se muestren en color verde.Crea una regla que agrupe h1 y h2 para especificar que deben llevar el tipo de letra de la familia sans-serif. Añade una regla para que aquellos elementos que tengan el valor Courier como atributo único de face se muestren en itálica.3.Una regla para que todas los términos enfatizados con <em> aparezcan en color azul .html y sobre él realiza el siguiente ejercicio 4. Una tercera regla que haga que los que tengan.Una regla para que los elementos <em> adyacentes a otro elemento <em> se muestren de color rojo Carga el fichero tiposletra. Carga el fichero licenciacc.

Realizar una regla para que. Introduce otras variaciones en el orden para comprobar los efectos.Crea un documento que contenga un enlace a una página en la red (o bien hazlo con un enlace a un documento local que tengas) Crea una hoja de estilo en la que incluyas características que te apetezcan para definir las pseudoclases en el orden especificado. negrita y con un tamaño muy grande. 7. con los números en color blanco. Modifica el orden subiendo la pseudoclase a:visited al primer lugar y comprueba lo que ocurre. con un fondo de color verde. se puedan listar los números de teléfono de nuestros amigos. Comprueba las variaciones que se producen al pasar el ratón sobre el enlace o al visitarlo y volver nuevamente a la página.6.. utilizando una clase.. Los teléfonos de mis amigos: Jorge: 968 123 456 Marta: 945 321 654 Jaime: 676 987 654 Pablo: 606 123 456 . en cursiva.