pement web css sass html}}
====== Utilisez les variables et mixins ======
Notes et transcriptions ... s.com/|Openclassrooms]].
===== Initiez-vous aux variables =====
Pour le moment, le site de Robbie L... *tous** vos fichiers CSS, modifier **TOUTES** les valeurs à la main, une par une.
Reprenons l’introdu... e bien une solution pour le faire, et c’est une **variable**! 🙌
Les variables sont comme des **boîtes
===== Question 4 =====
Vous devez déclarer une variable appelée **button-radius** pour stocker la valeur de l’arrondi de vos boutons. Quelle serait la ... 0px;''
++++ Réponse |
Choix 3.
Pour déclarer une variable, tapez le symbole “$” suivi du nom de votre variable, et enfin la valeur.
''$nom-de-la-variable
em $dark-purple;
}
</code>
Vous avez :
* deux variables ''$title-color'' et ''$dark-purple'' qui ... title%%''. Ici, le titre.
* Créer de nouvelles variables de couleur ? Vous savez faire. ✅
* Créer... donc en haut du document pour créer une nouvelle variable pour la coul... stooooooop. 🛑
Dans ce cas-... ombre mais plus foncée.
Créer une toute nouvelle variable pour chaque ombre, c’est aussi une nouvelle
s lire et les utiliser.
Mais attends, du coup on va devoir tout réécrire en Sass dans un fichier .sas... color: #a5b4fc;
}
}
}
</code>
==== Les variables ====
Les variables vous permettent de **stocker des valeurs répétées fréquemment**, comme par exemple les couleur
nt un ordre bien précis : en premier le HTML, qui va déterminer les fondations de votre page web, puis... lisable, or les id sont utilisés dans le cas de **valeurs uniques** : tous les sélecteurs qui les util... cas-là ? Il cumule les points. L’id est toujours vainqueur, seulement ici vous avez déclaré un id ET ... ns toutes les règles, il y a des exceptions ?
Je vais être honnête avec vous, aujourd’hui encore il m
ttons que vous ayez à présent besoin de créer une variation de votre ''%%.nav__link%%'' pour changer s... text-decoration: none;
}
}
</code>
Sass va remplacer l’esperluette &, par le sélecteur paren... répétitions, il est temps pour vous d’aborder les variables dans le prochain chapitre.
[[150_quiz_st... de|◁ Précédent]] |
[[000_start|⌂ Retour au sommaire]] |
[[220_utiliser_variables_et_mixins|Suivant ▷]]
ne propriété apparaît plusieurs fois avec la même valeur, c’est que vous avez trouvé une partie à amél... nos boutons ont les mêmes propriétés et les mêmes valeurs.
Reprenons-les et créons une nouvelle class... dards HTML, CSS ou JavaScript. Jetez-y un œil, ça vaut le détour.
</note>
Prenons par exemple notre b... e-round">Bouton</button>
</code>
Dans l’état, il va nous falloir mettre à jour le HTML pour que notre
