transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
La syntaxe est importante e... mais seule, elle n’est pas très efficace et on ne comprend pas trop l’intérêt d’écrire du CSS dans un f... e HTML : vos sélecteurs sont imbriqués exactement comme ils le seraient en HTML. Regardez le CSS qui en
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Vous avez réussi ! Félicitat... êmes, et que c’est pourquoi nous avons besoin de… compiler notre code en CSS.
Il existe bien des outil... e coder en ligne en Sass, sans nous préoccuper de compiler ou non notre code ; tellement pratique !
Vo
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
===== Question 1 =====
Dan... lorsque vous utilisez ''&'', sous quelle forme se compile le symbole esperluette (&) ?
- L’esperluette (&)
- Le combinateur adjacent
- Le combinateur descendant
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
===== Initiez-vous aux varia... =====
Pour le moment, le site de Robbie Lens ne comporte pas beaucoup de couleurs, mais nous les util... devenir **dangereux**.
Pour la perte de temps je comprends, mais pourquoi dangereux ?
Imaginez : notr
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
===== Comparez CSS et Sass =====
Sass est un préprocesseur CSS. C’est un outil q... us dis, que grâce à Sass, on pourrait le réécrire comme ceci :
<code sass>
.nav {
text-align: righ
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Vous avez créé un mixin pour... c’est bien flashy niveau couleur !
Avant même de commencer à coder, posez-vous, et analysez… Si on pro... eure façon d’intégrer cette proposition en tenant compte de votre code actuel ?
<code sass>
$dark-purp
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
===== Trouvez les répétition... éer un immense plat de spaghettis sans prendre en compte la structure et sans l’organiser proprement ? ... une codebase CSS chaotique sans vraiment réaliser comment vous en êtes arrivé là… Et c’est normal, ça f
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Soyons honnêtes, vous passer... n élément à modifier, ou juste pour vous rappeler comment fonctionne tel ou tel élément. D’où l’importa... le pouvoir. C’est la même chose pour notre HTML.
Comme pour les pokémons, l’idéal serait qu’en un simp
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
===== Question 1 =====
La m... rdre d’apparition dans votre HTML et favoriser la compréhension.
++++ Réponse|
Choix 3. DRY signifie D... et les relations d’un sélecteur par son nom ;
- Compiler votre code pour qu’il puisse être interprété
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Pour pouvoir charger une page... un sélecteur qui permet de **spécifier un état**, comme '':hover'', par exemple, qui indique que l’on ... iv {
background-color: red;
}
</code>
Mais comment le navigateur est-il capable de déterminer qu
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Pour le moment, tout a l’air... es spécifiquement adaptés aux écrans plus petits, comme une tablette, voire un téléphone.
Comment ça fonctionne ? La syntaxe CSS standard des media queries
transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifiez-vous-le-css-avec-sa... roposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Prérequis : voir le cours [[c... épondre aux trois problématiques suivantes :
* Comment écrire du CSS qui soit clair, organisé et surtout bien structuré ?
* Comment s’assurer que le code est maintenable ?
* C
