Variables
Parte de la sección Practical Frontend del Journey de HTML de Coddy — lección 1 de 35.
A medida que creas sitios web más grandes y complejos, la gestión de colores, tamaños o fuentes repetidos se vuelve más difícil. Cambiar un solo valor significa actualizar muchos lugares.
Las variables de CSS te permiten guardar estos valores como nombres (como --main-color) y reutilizarlos en todo tu CSS. Cambia la variable una vez y se actualizará en todas partes automáticamente.
Son muy útiles para mantener el código limpio y consistente, y muchos desarrolladores los usan para construir sitios web modernos.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Hoja de referencia
Las variables de CSS te permiten guardar valores como nombres y reutilizarlos en todo tu CSS. Ayudan a mantener el código limpio y consistente.
Define variables con el prefijo -- y úsalas con var():
:root {
--main-color: blue;
}
.element {
color: var(--main-color);
}Cambia la variable una vez y se actualizará en todas partes automáticamente.
Pruébalo tú mismo
Esta lección no incluye un desafío de código.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.