# CSS

> El lenguaje que decide cómo se ve una página web: colores, letras, espacios.

- Nivel: Básico
- Temas: Software
- URL: https://tidbit.legios.com.ar/es/css/
- En inglés: [CSS](https://tidbit.legios.com.ar/css/)

**CSS** (Cascading Style Sheets, hojas de estilo en cascada) es el lenguaje que le da estilo a las páginas web. El HTML dice "esto es un título, esto es una lista"; el CSS dice "los títulos son grandes y azul oscuro, la lista va en una columna a la derecha y en el celular todo se apila". Un archivo CSS es una lista de **reglas**, cada una elige algunos elementos y les fija propiedades, como `h1 { color: navy; }`.

La gran idea es separar el aspecto del contenido. El mismo HTML puede verse totalmente distinto con otra hoja de estilo, y una sola hoja de estilo puede cambiarles la cara a miles de páginas a la vez. También permite que un sitio se adapte a un monitor grande, a un celular, a la impresora o al modo oscuro sin reescribir el contenido.

Lo de "en cascada" es cómo CSS resuelve los conflictos. Cuando varias reglas se aplican al mismo elemento, gana la más específica, y entre iguales gana la última. Eso lo hace potente y, al principio, a veces desconcertante: un color que "no cambia" casi siempre es otra regla que lo está pisando en otro lado.

## Una analogía

El HTML son los muebles de una casa; el CSS son las indicaciones de la decoradora: pintá esta pared de verde, poné el sillón contra la ventana, usá sillas más chicas en el cuarto chico.

## Para quedarse

- Le da estilo al HTML: colores, tipografías, espacios, diagramación y animaciones.
- Una regla elige elementos con un selector y les fija propiedades.
- Cuando las reglas chocan, gana la más específica (la cascada).
- Permite que una página se adapte a celulares, pantallas grandes, impresión y modo oscuro.

## Para seguir leyendo

- [CSS (MDN)](https://developer.mozilla.org/es/docs/Web/CSS)
- [Hojas de estilo en cascada en Wikipedia](https://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada)

## Términos relacionados

- [HTML](https://tidbit.legios.com.ar/es/html/): El formato de texto que describe qué hay en una página web: títulos, párrafos, links.