Ejercicios unidad 17: Estilos CSS Avanzados (II)



Ejercicio 3: Controles de Fondo.

1 Abre el archivo estiloblog.css.

2 El body tiene que tener como fondo la imagen fondo_body.gif que encontrarás en la carpeta imagenes que has copiado, no debe repetirse.

3 Crea un estilo para el elemento con id contenedor que tenga el fondo blanco, y la imagen fondo.gif que encontrarás en la carpeta imagenes sin repetición.

4 Crea un estilo para el elemento con id seccion que tenga el fondo blanco, y la imagen fondo_seccion.gif que encontrarás en la carpeta imagenes sin repetición.

5 Al estilo de la clase titulo añádele un fondo de imagen titulo.gif (en la carpeta de imagenes) y que no se repita.

6 Por último, los enlaces que se encuentren dentro de los párrafos deberán tener un color de fondo igual a #CF6.

Ejercicio 4: Controles de Márgenes y Borde.

1 Abre el archivo estiloblog.css.

2 El body tiene que tener un margen de 0 píxeles por todos los lados.

3 El bloque con id seccion debe tener un padding de 20 píxeles menos en el lado superior que ha de ser de 90.

También añádele un borde de 2 píxeles en color negro en los lados inferior, izquierda y derecha.

4 Al formulario que se encuentra en el bloque seccion le aplicaremos un margen inferior de 10 píxeles.

5 El bloque contenido debe tener un padding en el lado superior de 190 píxeles, 300 en el lado derecho, y 30 en el inferior e izquierdo.

6 La clase titulo deberá tener un padding superior de 30 píxeles y uno izquierdo de 35.

7 Los enlaces que se encuentren dentro de un párrafo deberán tener un padding izquierdo y derecho de 2 píxeles.

8 La lista d dentro del bloque selección deberán tener un margen superior de 40 píxeles, quitando el resto, y no tener padding.

9 Los elementos de esa lista, deben tener un margen inferior de 13px.

10 Crea una clase llamada borde_inferior, que haga que a los elementos que se les aplique muestren un borde inferior de 1px, negro y continuo.

Ejercicio 5: Controles de Bloque.

1 Abre el archivo estiloblog.css.

2 El bloque contenedor debe medir 800 píxeles de ancho.

3 El bloque seccion debe medir 136 píxeles de ancho.

Ejercicio 6: Controles de Posición.

1 Abre el archivo estiloblog.css.

2 El bloque seccion debe tener una posición absoluta respecto a la ventana del navegador, lo posicionaremos a 166 píxeles del borde superior y a 533 del borde izquierdo.

 

Si no tienes muy claro las operaciones a realizar en los ejercicios anteriores, Aquí te lo explicamos.

Atrás  Inicio  Adelante







Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.