¿Qué es CSS?

CSS (Cascading Style Sheets, hojas de estilo en cascada) es el lenguaje que define el aspecto visual de una web: colores, tipografías, tamaños, márgenes y cómo se colocan los bloques en pantalla. El HTML pone el contenido; el CSS decide cómo se ve.

Separar el contenido del estilo. Puedes cambiar toda la paleta de colores o la tipografía de una web sin tocar una sola palabra del texto, porque una cosa vive en el CSS y otra en el contenido.

El CSS se aplica encima del HTML como una capa de reglas: este bloque va en verde, este texto en negrita, este margen de 20 píxeles. Por eso un cambio de estilo (colores, espaciados, disposición) es barato de aplicar: se reescribe la capa de reglas, no el contenido de debajo.

En Google AI Studio, con el lapicito activo seleccionas un bloque y le das al icono de la brocha para generar variaciones de diseño: cambia colores y combinaciones al momento, porque es puro CSS y no hace falta regenerar la web entera. Pedir que cambie un texto, en cambio, sí consume una nueva petición a la IA, porque eso es contenido, no estilo.

Es lo que cambia sin gasto al retocar una hero section, y lo que hace que una web sea responsive en cada tamaño de pantalla.