Introducción a CSS3
CSS es un lenguaje (no un lenguaje de programación) utilizado para especificar el aspecto de una página web para diferentes dispositivos. Esto entra en contraste con HTML que es un lenguaje que define la estructura de un documento para su distribución por la web. El HTML le dice al navegador como se estructura el documento mientras que el CSS le dice como debe renderizarlo.
CSS3 añade muchas capacidades nuevas a la especificación anterior. Aunque aún está en proceso de estandarizado y le queda un largo camino por recorrer, ya se ha hecho un hueco al lado de HTML5 y supone uno de los mayores adelantos en el diseño web actual.
Novedades de CSS3
Como ya he dicho, CSS3 viene con muchas novedades, en esta breve introducción a CSS3 voy a mencionar algunas de las más relevantes y seguramente me dejaré mucho en el tintero:
- Bordes:
- Colores múltiples de borde en un mismo lado
- Imágenes de borde
- Bordes redondeados
- Fondos:
- Fondos Múltiples pueden ser añadidos al mismo elemento como capas
- Posicionamiento del fondo con mayor precisión
- Pueden ser redimensionados
- Color:
- Opacidad
- Gradientes
- Valores de color: HSL
- Text:
- Sombras
- Desbordamiento
- Ajuste de línea
- Transformaciones:
- Escalar
- Sesgar
- Mover
- Rotar en 2D o 3D
- Transiciones:
- Transición sencilla de estilos
- Cajas:
- Sombras
- Cajas redimensionables
- Overflow separado en vertical u horizontal
- Compensación entre contorno y borde
- Modelos para especifcar altura y anchura
- Contenido:
- Los estilos pueden añadir contenido a los elementos
- Opacidad:
- Los elementos pueden ser transparentes
- Fuentes Web:
- Capacidad de añadir fuentes en vivo a los documentos mejorada
No todos los navegadores soportan el mismo nivel de CSS3 y no todos los módulos de especificación están aún siquiera implementados. En próximos artículos iré introduciendo las novedades de la especificación de CSS3 y como se utiliza.
