¿Qué es CSS?
Definición breve: CSS (Cascading Style Sheets) es el lenguaje de estilos que controla la presentación de documentos HTML: colores, tipografías, disposición y diseño responsive.
Ejemplo rápido
<style>
:root { --primario: #2563eb; }
body { font-family: system-ui, sans-serif; margin: 0; padding: 2rem; }
h1 { color: var(--primario); margin-bottom: .5rem; }
.boton {
display: inline-block; padding: .6rem 1rem; border-radius: .5rem;
background: var(--primario); color: #fff; text-decoration: none;
}
@media (max-width: 640px) {
body { padding: 1rem; }
}
</style>
<h1>Hola CSS</h1>
<a class="boton" href="#">Acción</a>
¿Por qué importa?
Separa contenido y presentación, mejora accesibilidad y rendimiento percibido. Con buenas prácticas (cascada bien gestionada, utilidades, componentes) reduces deuda técnica y facilitas el mantenimiento del front-end.
Mini-FAQ
¿Cascada vs herencia?
La cascada resuelve conflictos por origen, especificidad y orden; la herencia transmite ciertas propiedades a hijos (p. ej., color, font).
¿Qué es la especificidad?
Una “puntuación” de selectores (id > clase > elemento). Evita usar !important salvo excepciones.