Introducción a CSS3

La especificación de CSS3 viene con interesantes novedades que permitirán hacer webs más elaboradas y más dinámicas, con mayor separación entre estilos y contenidos. Dará soporte a muchas necesidades de las webs actuales, sin tener que recurrir a trucos de diseñadores o lenguajes de programación.

Aunque CSS3 está todavía en fase de desarrollo, la mayoría de navegadores ya dan soporte a casi todos los nuevos estilos, como Firefox, Chrome o Safari. Por el contrario Internet Explorer no ha empezado a incorporar estos nuevos elementos hasta la versión 9.

Las principales propiedades nuevas en CSS3 son:

• Selectores de atributos y propiedades
• Nuevas pseudo-clases
• Formatos de color: colores HSL, colores HSLA, colores RGBA, Opacidad
• Bordes: border-color, border-image, border-radius, box-shadow
• Fondos: background-origin, background-clip, background-size, capas con múltiples imágenes de fondo
• Texto: text-shadow, text-overflow, rotura de palabras largas, Web Fonts, creación de múltiples columnas de texto
• Modelo de caja básico: overflow
• Transiciones y transformaciones

A continuación veremos con más detalle cada una de estas nuevas propiedades.