Introducción a CSS3

diseno.jpg
Solucionex
23
Jul 09
Poco a poco, los distintos navegadores van dando cada vez más soporte a la última versión de hojas de estilo, CSS3. A través de herramientas online como esta, se puede comprobar hasta qué punto soporta nuestro navegador las nuevas características de CSS3.
  • Firefox 3.5: 41/43
  • Google Chrome 2: 41/43
  • Safari 4: 43/43
  • Opera 10b2: 43/43
  • Internet Explorer 7: 13/43
  • Internet Explorer 8: 22/43
Como puede comprobarse el resultado de Internet Explorer es bastante pobre.
 
Algunas de las características que ofrece CSS3:
  • bordes redondeados, con degradados, imágenes
  • cajas con sombra
  • múltiples imágenes de fondo
  • múltiples columnas
  • texto con sombra
  • cajas redimensionables
  • mejora en el uso de la opacidad (pudiéndose fijar a una caja, imagen o texto)
  • selectores
  • personalizado de fuentes

Más adelante iremos viendo cada una de las características en detalle.