ut prendre les valeurs suivantes :
* ''row'' : organisés sur une ligne (valeur par défaut) ;
* ''column'' : organisés sur une colonne ;
* ''row-reverse'' : organisés sur une ligne, mais en ordre inversé ;
* ''column-reverse'' : organisés sur une colonne, mais en ordre inversé.
Ic
problèmes et reste LA règle de base pour un code organisé.
</note>
==== 2 - Les id ====
Les ''id'' s... =
Jetons un œil à la [[https://developer.mozilla.org/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inh... background-image: url(<https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Pokebola-pokeball-pn... background-image: url(<https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Pokebola-pokeball-pn
’est de coder de manière plus lisible, sereine et organisée certes, mais surtout de gagner du temps.
I... manipuler des valeurs et rendre votre code mieux organisé, et du coup plus facile à maintenir.
* Po... ser une fonction, lisez sa documentation, elle regorge d’explications.
Sass regorge de fonctionnalités plus puissantes les unes que les autres, et notammen
lasses**.
<note>
Les [[https://developer.mozilla.org/fr/docs/Web/CSS/Pseudo-classes|pseudo-classes]] v... es sélecteurs avec le [[https://developer.mozilla.org/fr/docs/Web/CSS/Adjacent_sibling_combinator|combi... directement à la source : sur le [[https://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20
</code>
De nombreux [[https://developer.mozilla.org/fr/docs/Web/CSS/color_value#les_mots-cl%C3%A9s|no... vez vous référer à la [[https://developer.mozilla.org/fr/docs/Web/CSS/background|documentation de la pr
ille de l'écran.
La [[https://developer.mozilla.org/fr/docs/Web/CSS/display|liste des différentes val...
<note>
La propriété [[https://developer.mozilla.org/fr/docs/Web/CSS/unset|position unset]] réinitiali
leau est assez gros, et que vous avez besoin de l'organiser plus clairement. Pour les “petits” tableaux, vous pouvez garder sans problème l'organisation plus simple que nous avons vue au début.
ange">%%'' On utilise [[https://developer.mozilla.org/fr/docs/Web/HTML/Element/input/range|range]] pour... mentaire par rapport aux cases à cocher : il faut organiser les boutons radio en groupes.
**Les option
e les spécificités de [[https://developer.mozilla.org/fr/docs/Web/HTML|toutes les balises HTML]] et [[https://developer.mozilla.org/fr/docs/Web/CSS|propriétés CSS]] (grâce au glossa
nt de ne pas avoir pris le temps de réfléchir à l'organisation et la structure des fichiers HTML/CSS. O... ntes :
* Comment écrire du CSS qui soit clair, organisé et surtout bien structuré ?
* Comment s’as
tis sans prendre en compte la structure et sans l’organiser proprement ? Tout le monde le fait.
J’ai d... e dans nos pages web.
[[https://developer.mozilla.org/en-US/|MDN]], ou Mozilla Developer Network, est u
sélecteurs. Il est clair que votre code est plus organisé et compréhensible.
<note>
D’ailleurs, notez... BEM nous a aidé à rendre notre CSS beaucoup mieux organisé et plus efficace, et notre HTML plus propre
t importante et nous permet d’écrire du code plus organisé, certes ; mais seule, elle n’est pas très ef... ervant les bénéfices de Sass : un code lisible et organisé.
===== En résumé =====
* Dans Sass, les
ans notre optique d’un code plus lisible et mieux organisé, placer les sélecteurs au sein de la media q... us un moyen de garder votre code **lisible** et **organisé**.
<note>
Dans l’optique de garder ce cours
