CSS3: Estilos en Cascada Básico-intermedio

Temario

1. Introducción a CSS3
1 Qué es CSS3
2 Breve historia de CSS3
3 CSS3 es modular
4 CSS3 no es HTML5
5 Sintaxis

2. Media Queries
1 Ventajas de Media Queries
2 Sintaxis 3 Características
4 Soporte de navegadores

3. Selectores
1 Selectores de atributo
2 Nuevos selectores de atributo en CSS3
3 Soporte de navegadores

4. Pseudo-classes y Pseudo-elements
1 Seudo-clases estructurales
2 first-of-type, last-child, last-of-type
3 only-child y only-oftype
4 Otras seudo-clases
5 Seudo-elementos

5. Web Fonts
1 La regla @font-face
2 Licencia de fuentes para uso en Web
3 Ejemplos de uso
4 Más propiedades de fuente
5 Características OpenType

6. Efectos de texto y estilos tipográficos
1 Ejes y coordenadas
2 Aplicar efectos dimensionales: text-shadow
3 Text-outline y text-stroke
4 Más propiedades de texto
5 Soporte de navegadores

7. Columnas
1 Columnas prescriptivas: column-count
2 Columnas dinámicas: column-width
3 Diferentes métodos de distribución
4 Combinar column-count y column-width
5 Espacios entre columnas
6 Contener elementos en columnas
7 Soporte de navegadores

8. Imágenes de fondo y otras propiedades decorativas
1 Imágenes de fondo
2 Varias imágenes de fondo
3 Tamaño de fondo
4 Recorte de fondo y origen
5 background-repeat
6 Recorte de imagen de fondo
7 Máscaras de imagen
8 Soporte de navegadores

9. Efectos de borde y caja
1 Bordes redondeados
2 Usar imágenes para bordes
3 Bordes multicolor
4 Añadir sombras paralelas
5 Soporte de navegadores

10. Color y opacidad
1 Propiedad opacity
2 Nuevos valores de color
3 Canal alfa
4 Hue, Saturation, Lightness
5 HSLA
6 Soporte de navegadores

11. Degradados
1 Degradados lineales
2 Degradados radiales
3 Degradados múltiples
4 Soporte de navegadores

12. Transformaciones 2D
1 La propiedad transform
2 rotate
3 translate
4 skew
5 scale
6 Varias transformaciones
7 Reflejos
8 Soporte de navegadores

13. Transiciones y animaciones
1 Property
2 Duration
3 Timing Function
4 Delay
5 Shorthand
6 Múltiples transiciones
7 Triggers