La especificación CSS3 trae grandes novedades para el diseño CSS.
Tal y como vimos en todo este tema, el objetivo principal de CSS es separar el contenido de la web de su apariencia. La novedad más importante que aporta CSS3, de cara a las personas que se dedican al desarrollo web, consiste en la incorporación de nuevos mecanismos para mantener un mayor control sobre el estilo con el que se muestran los elementos de las páginas, sin tener que recurrir a trucos o hacks, que a menudo complican el código de las web.
Ahora CSS3 va un paso más allá con el objetivo de ofrecer un control total sobre los elementos de la página y detalles como la oportunidad de crear diseños tan demandados como bordes redondeados o sombreado de elementos.
Algunas de las nuevas propiedades introducidas en CSS 3 podemos recogerlas en la siguiente lista:
- Para los bordes:
border-color, border-image, border-radius y box-shadow.
- Para los fondos:
background-origin, background-clip y background-size.
- Para el color en formatos HSL, HSLA y RGBA.
- Para el texto:
text-shadow y text-overflow que permiten poner sombras y romper palabras largas al final de las líneas.
- Para las interfaces:
box-sizing, resize, outline, nav-top, nav-right, nav-bottom y nav-left.
- Para el manejo de cajas:
overflow-x y overflow-y.
- Nuevos tipos de selectores por atributos.
- Creación de múltiples columnas de texto.
- Propiedades orientadas al discurso o la lectura automática de páginas CSS. Muy importante para mejorar la accesibilidad de las páginas.
