Introducción a CSS3 - Parte 1: ¿Qué es?
Este artículo marca el primero de varios, proporcionando una introducción al nuevo estándar CSS3 que está configurado para reemplazar a CSS2. Comenzaremos desde el principio, pasando de no haber oído hablar de CSS3 a sentirse listo para ejecutarlo a medida que varias características comienzan a ser más ampliamente adoptadas.
¿Qué es?
CSS3 ofrece una gran variedad de nuevas formas de crear un impacto con sus diseños, con bastantes cambios importantes. Este primer tutorial le dará una introducción muy básica a las nuevas posibilidades creadas por el estándar.
Módulos
El desarrollo de CSS3 se dividirá en 'módulos'. La antigua especificación era simplemente demasiado grande y compleja para actualizarse como una sola, por lo que se ha desglosado en partes más pequeñas, con nuevas también agregadas. Algunos de estos módulos incluyen:
- El modelo de caja
- Módulo de Listas
- Presentación de hipervínculo
- Módulo de discurso
- Fondos y fronteras
- Efectos de texto
- Diseño de múltiples columnas
Ver la lista completa de módulos
Escala de tiempo
Varios de los módulos ya se han completado, incluidos SVG (gráficos vectoriales escalables), consultas de medios y espacios de nombres. Los otros todavía están siendo trabajados.
Es increíblemente difícil dar una fecha prevista en la que los navegadores web adoptarán las nuevas características de CSS3; algunas nuevas compilaciones de Safari ya han comenzado.
Las nuevas características se implementarán gradualmente en diferentes navegadores, y aún podría pasar un año o dos antes de que cada módulo sea adoptado ampliamente.
¿Cómo me afectará CSS3?
Con suerte, de una manera principalmente positiva. CSS3 obviamente será completamente compatible con versiones anteriores, por lo que no será necesario cambiar los diseños existentes para garantizar que funcionen; los navegadores web siempre continuarán admitiendo CSS2.
El impacto principal será la capacidad de usar nuevos selectores y propiedades que estén disponibles. Esto le permitirá lograr nuevas características de diseño (animación o gradientes, por ejemplo), y lograr características de diseño actuales de una manera mucho más fácil (por ejemplo, usando columnas).
Los artículos futuros de esta serie se centrarán en un módulo diferente de la especificación CSS3 y las nuevas características que traerán. El siguiente se refiere a los bordes CSS3.
Otras publicaciones en la serie
- Introducción a CSS3 - Parte 1: ¿Qué es?
- Introducción a CSS3 - Parte 2: Bordes
- Introducción a CSS3 - Parte 3: Efectos de texto
- Introducción a CSS3 - Parte 4: Interfaz de usuario
- Introducción a CSS3 - Parte 5: Columnas múltiples
- Introducción a CSS3 - Parte 6: Fondos
