1. Funcionalidades
1.1. Selectores Avanzados
1.1.1. Selectores de Atributos
1.1.1.1. Elementos según el alor de sus atributos
1.1.2. Selectores de elementos Hijos
1.1.2.1. Elementos hijos directos de otro elemento
1.1.3. Selectores de pseudo-elementos
1.1.3.1. Partes especificas de un elemento como: primer párrafo o letra
1.2. Diseño Responsivo
1.2.1. Media queries
1.2.1.1. Permite la aplicación de estilos segun el tamaño de la pantalla o dispositivo
1.2.2. Unidades de Medida Flexible
1.2.2.1. Permite especificar tamaños y posiciones de elementos, como porcentajes o unidades de vista (viewport units)
1.3. Transiciones y animaciones
1.3.1. Transiciones
1.3.1.1. Permite cambios en las propiedades de un elemento como: color o posición
1.3.2. Animaciones
1.3.2.1. Permite crear animaciones personalizadas con keyframes, para el control de datos
1.4. Efectos visuales
1.4.1. Sombras
1.4.1.1. Permite la aplicación de sombras a elementos. Caja(box-shadow) , Texto(text-shadow)
1.4.2. Bordes Redondeados
1.4.2.1. Permite que los bordes tengan esquinas redondeadas (border-radius)
1.4.3. Gradientes
1.4.3.1. Permite aplicar degradados de color. Lineales (linear-gradient), Radiales (radial-gradient)
1.5. Transformaciones
1.5.1. Rotación
1.5.2. Escalado
1.5.3. Traslación
1.5.4. Sesgado
1.6. Tipografía avanzada
1.6.1. Fuentes Personalizadas
1.6.1.1. Permite fuentes personalizadas de una pagina. @font-face
1.6.2. Propiedades Tipográficas
1.6.2.1. Permite transformaciones en el texto. Mayúsculas (text-transform), Controlar su desbordamiento (text-overflow).
1.7. Flexbox
1.7.1. Modelo de Diseño Flexible
1.7.1.1. Permite crear diseño de cajas flexibles, controlando la alineación y distribución
1.8. Grid
1.8.1. Diseño en Cuadricula
1.8.1.1. Permite crear diseños en forma de cuadricula
1.9. Filtros
1.9.1. Efectos de Imagen
1.9.1.1. Permite la aplicación de efectos a imágenes y elementos visuales. Desenfoque (blur), Ajuste de brillo (brightness) Escala de grises (grayscale)
1.10. Variables CSS
1.10.1. Declaración y Uso de Variables
1.10.1.1. Permite definir y reutilizar valores en propiedad CSS
2. Hojas de Estilo en Cascada
2.1. Permite controlar y especificar la presentación y estilo para los elementos HTML en una pagina Web. Se pueden definir reglas y propiedades para el control de aspectos como: Colores, Fuentes, Margenes, Espacios, Bordes, Animaciones, Transiciones, Efectos Visuales y Diseños de una Pagina
3. Características
3.1. Mejora de presentación y diseño en las páginas web
3.1.1. Permite la aplicación de estilos y diseños personalizados a elementos HTML. Tambien cuenta con propiedades y opciones de diseño para la creación de interfaces atractivas y agradables.
3.2. Permite adaptar el diseño a diferentes dispositivos y tamaños de pantalla
3.2.1. Permite crear diseños que respondan y se ajusten automáticamente a las pantallas desde donde se visualiza.
3.3. Facilita animación e interactividad en el sitio web
3.3.1. Transiciones y animaciones, con efectos de movimiento y cambios a los elementos HTML.
3.4. Proporciona opciones avanzadas de estilo y efectos visuales
3.4.1. Ofrece una amplia gama de propiedades de estilo y efectos visuales, para personalizar la apariencia de elementos en la pagina Web.
3.5. Ayuda a optimizar el rendimiento de la página, al separar la estructura del contenido
3.5.1. Permite separar la estructura y contenido de la pagina Web, esto mejora el rendimiento y mantenibilidad de la misma, ya que evita la repetición de estilos.