Découvrir les Variables en CSS avec 2 exemples concrets
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
17m09
de formation
1
leçon vidéo
1
chapitre
Débutant
niveau requis
Adrien Gazaix
Adrien Gazaix
Formateur certifié

Découvrir les Variables en CSS avec 2 exemples concrets

4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
17m09
de formation
1
leçon vidéo
1
chapitre

Dans ce tuto CSS en vidéo, nous allons voir ensemble comment utiliser les variables en CSS et pourquoi c'est aussi important de les connaître aujourd'hui quand on fait de l'intégration.

  • Dans le 1er exemple, nous stockerons la valeur de la luminance (HSL) dans une variable, pour pouvoir changer la couleur d'un bouton par exemple, ou tout autre élément de la même couleur sur votre site.
  • Ensuite, nous verrons comment stocker un multiplicateur dans une variable pour pouvoir créer un bouton qui s'élargira en fonction de la valeur choisie sur le bouton par défaut.

Les fichiers sources contenant les fichiers de départ ainsi que les fichiers finaux sont inclus avec le tuto.

N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Les Variables en CSS

Table des matières

Leçon 1

Les Variables en CSS

17m09

Avis des apprenants

Détail des avis
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Eddy Verly
Eddy Verly
Publié le 10/05/2025
Bon à savoir, merci pour ce partage. Eddy
Ggr3
Ggr3
Publié le 02/11/2021
Simple, efficace et claire
Adrien Gazaix
Adrien Gazaix
Tout est dit :) Merci à toi !
Valérie Arno
Valérie Arno
Publié le 16/09/2021
Merci beaucoup. Avec vous j'apprends toujours beaucoup de choses en CSS. Vous expliquez bien le pourquoi du comment. Je connaissais un peu les variables sans pour autant les utiliser donc ça rafraichit la mémoire. Je suis contente de ces nouvelles découvertes - pour la couleur hsl et la fonction calc qui est bien pratique.

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Les fichiers de départ et ceux obtenus à la fin du tuto.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
1,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
17m09 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 759 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données