Variables
Fait partie de la section Practical Frontend du Journey HTML de Coddy — leçon 1 sur 35.
À mesure que vous créez des sites web plus grands et plus complexes, la gestion des couleurs, des tailles ou des polices répétées devient plus difficile. Changer une seule valeur signifie devoir faire des mises à jour à de nombreux endroits.
Les variables CSS vous permettent de sauvegarder ces valeurs sous forme de noms (comme --main-color) et de les réutiliser dans l'ensemble de votre CSS. Modifiez la variable une seule fois, et elle se met à jour partout automatiquement.
Ils sont très utiles pour garder le code propre et cohérent, et de nombreux développeurs les utilisent pour créer des sites web modernes.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Aide-mémoire
Les variables CSS vous permettent d'enregistrer des valeurs sous forme de noms et de les réutiliser dans l'ensemble de votre CSS. Elles aident à garder le code propre et cohérent.
Définissez des variables avec le préfixe -- et utilisez-les avec var() :
:root {
--main-color: blue;
}
.element {
color: var(--main-color);
}Modifiez la variable une seule fois et elle se met à jour partout automatiquement.
Essayez vous-même
Cette leçon ne comprend pas de défi de code.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.