Capítulo-5: Efectos visuales

Ies Alba Longa

Estilo pergamino

  • Introducción al formato visual
  • La propiedad display
  • Determinando la posición de la caja
  • Uso de capas: la propiedad z-index
  • Propiedades float y clear
  • Determinando el tamaño de los elementos
  • Efectos de desbordamiento, recorte y visibilidad

 Estilo frio

  • Introducción al formato visual
  • La propiedad display
  • Determinando la posición de la caja
  • Uso de capas: la propiedad z-index
  • Propiedades float y clear
  • Determinando el tamaño de los elementos
  • Efectos de desbordamiento, recorte y visibilidad

 

Reto del capítulo 5

  • Hay que investigar en Internet para sacar el código a través de propiedades CSS, y conseguir una página similar a la de la imagen, formada por un solo documento html.
  • Primera pista: observar el ejercicio nº 11
  • Segunda pista: buscar en Google: Sombras con CSS
  • Tercera pista: http://css-tricks.com/examples/ShapesOfCSS

Enunciado-Ejemplos

Ejemplo-1

Ejemplo-2

Ejemplo-3

Ejemplo-4

Ejemplo-5

Ejemplo-6

Ejemplo-7

Ejemplo-8

Ejemplo-9

Ejemplo-10

Ejercicio-11

  • Aunque cambiando algún elemento del código html, debería verse así

Imágenes del capítulo-5

Cuestionario

  • Enunciado
  • Respuesta

Preguntas

  • Enunciados
  • Respuestas

Recursos visuales


Índice General


Curso XHTML y CSS