Antes de comenzar en el mundo de CSS, necesitamos aprender una base para saber desenvolvernos, los puntos clave iniciales, como medir tamaños, que unidades utilizar y variables para almacenar información.

Una parte fundamental de CSS es conocer los métodos para establecer colores, como crear gradientes o utilizar imágenes de fondo. También como mezclarlos, combinarlos o hacer cosas increíbles.

La parte fundamental para comprender como renderiza y dibuja los elementos web en un navegador es el modelo de cajas. Márgenes, rellenos, bordes y algunos conceptos más son una parte fundamental de CSS.

Hace mucho tiempo que CSS dejó de ser simplemente un lenguaje de estilos y colores. Hoy en día hay que conocer la compatibilidad de los navegadores, realizar cálculos complejos e incluso usar lógica como condicionales o funciones.

Uno de los puntos clave de CSS (y de Javascript) es saber buscar elementos en el HTML. Esto, se suele hacer mediante CSS, utilizando selectores, pseudoclases y pseudoelementos, o incluso, utilizando nesting.

Una de las partes fundamentales de CSS es el uso de tipografías. Una web puede cambiar completamente si utilizar correctamente una o varias tipografías. Además, hay que saber cargarlas y optimizarlas.

Probablemente, una de las partes más importantes de CSS es la de crear layouts o avanzadas interfaces de usuario. Mediante flex o grid es una tarea sencilla pero se debe tener un buen dominio de CSS.

Si necesitamos dar estilo a ciertos elementos de la interfaz de usuario de nuestro navegador, como barras de desplazamiento, cursor del ratón, tablas, listas o contadores, en este capítulo te lo explicamos.

Todos los diseños mejoran si incluímos llamativos y atractivos efectos. Sombras, filtros, modos de fusión, máscaras o recortes pueden permitirnos hacer todo tipo de diseños maravillosos.

El responsive web design es la forma de crear diseños o layouts que se adapten o respondan a diferentes tamaños de pantalla o dispositivo. Aquí encontrarás todo tipo de facilidades para este tema.

Aunque suele mantenerse al margen de los layouts, las transformaciones, tanto 2D como 3D, suelen ser muy útiles para conseguir impresionantes resultados o animaciones llamativas. Además, también es la base para dibujar con CSS.