Saltar la navegación

CSS3

En la 2ª sesión (Introducción a CSS3) de la primera parte de este curso (Desarrollo web con estándares I) hablamos de las novedades, además de los selectores, que aporta CSS3.

Hoy vamos a estudiar el código de cada uno de los ejemplos proyectados en aquella sesión:

Imágenes incluidas en los ejemplos:

Podéis descargar todos los ejemplos (archivo zip).

    Mejorando el proyecto

    Tal vez podáis mejorar vuestro proyecto...

    • Añadiendo menús desplegables (si es conveniente, claro).
    • Añadiendo sobras o degradados con CSS3.
    • Podéis hacer que las esquinas sean redondeadas, por ejemplo. No se verán así en algunos navegadores antiguos, pero tal vez esto no sea un problema.
    • Podéis incluso añadir alguna animación, alguna transformación...
    • ¿Qué tal hacer que el proyecto se vea de otra manera en dispositivos móviles? Hoy en día eso es importante.

    Lo importante es el contenido

    • Intentad siempre que la información se muestre de la forma más clara posible.
    • La meta no es utilizar en una misma página todos los recursos que ofrece CSS3, si no aprender a utilizar con cabeza los que nos convengan.