2,00

Tuto Découvrir les Variables en CSS avec 2 exemples concrets avec CSS

2,00

  • Une formation vidéo de 17m09s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Découvrir les Variables en CSS avec 2 exemples concrets

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

Bundle CSS : 10 astuces & exercices pour vous perfectionner

-17% de réduction

voir les détails du bundle


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 !


Formateur : Adrien Gazaix

Adrien Gazaix a publié 156 tutoriels et obtenu une note moyenne de 4,8/5 sur 53 499 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ggr3 laissé le 02/11/2021
    Simple, efficace et claire

  • 5
    avis de valerie-a77 laissé 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.

  • 5
    avis de toine34 laissé le 09/09/2021
    Très pratique ! Dans l'idée de SAS, mais en direct CSS c'est parfait. Merci, super Tuto comme d'habitude !
    "Comme d'habitude, ça fait plaisir ça ! Encore merci de me suivre et à bientôt pour de prochains tuto ;)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • 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.
Parcours Developpeur Front End
accédez à plus de 1385 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données