CSS
El lenguaje que decide cómo se ve una página web: colores, letras, espacios.
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.
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.
