background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
}
</code>
On a demandé à ce que le texte ...
Cela veut dire que TOUT le texte de ma page web sera forcément écrit en blanc ?
Non, pas obligatoirem...
background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page se
t en italique ou non :
* ''italic'' : le texte sera mis en italique ;
* ''normal'' : le texte sera normal (par défaut). Cela vous permet d'annuler une mi... socie une valeur, au choix :
* bold : le texte sera en gras ;
* normal : le texte sera écrit normalement (par défaut) ;
* thin: le texte est plus fin.
ids d’un sélecteur et, dans le cas d’une égalité, sera utile à votre navigateur pour appliquer le CSS.
+... d-color: blue;
}
</code>
Quelle couleur de fond sera appliquée à notre div ?
- Rouge
- Vert
- B... bleu !
Si vous supprimez l’ID de votre HTML, ce sera la classe qui sera appliquée ; enfin, si vous supprimez la classe de votre HTML ce sera la couleur de f
ichier ''.scss'', et le tour est joué. Votre code sera interprété et votre CSS sera exécuté, mais ne sera pas transformé en Sass.
===== Analysez la syntaxe =====
Pour utiliser Sass, il... biez sur du ''.sass''. Quand on parle de Sass, ce sera souvent du SCSS. Au final, vos chances d’écrire d
ignifie que le style écrit entre les accolades ne sera appliqué que pour les écrans dont la taille est i... ''hidden'' : si le texte dépasse les limites, il sera tout simplement caché. On ne pourra pas voir tout le texte ;
* ''scroll'' : là encore, le texte sera caché s'il dépasse les limites. Sauf que cette fo
w'' est incluse dans ''%%.intro__title%%'' : elle sera donc appliquée aux éléments contenus dans ''%%.in... e réfère à notre code :
- La valeur de couleur sera ''$title-color'' : nous voulons que l’ombre de no... ue la couleur du titre.
- La valeur ''$amount'' sera de 35 % pour commencer.
Mais... Comment on fait,
1 correspond au combinateur adjacent : la couleur sera appliquée à l’élément <li>, si celui-ci est précé... -color: #15dea5;
}
}
</code>
sous quelle forme sera compilé ce code ?
<code css>
.block&__element {
... 1.5rem;
@include mobile-only
}
</code>
Quelle sera la margin de .block si la largeur du navigateur e
vera plusieurs fois dans ce chapitre. Souvent, ce sera la valeur de son attribut ''type'' qui changera s... est un peu redondant). Dans tous les cas, la case sera cochée.
</note>
==== Insérez des boutons radio a
répétitions**. Je vous ai préparé un exemple qui sera plus parlant que 10 000 mots ! Partons à la chass... se ''.btn'' pour obtenir un bouton classique, qui sera suivi de ''.btn-round'' pour obtenir des bords ar
: le code inline est supérieur aux autres, et il sera donc appliqué en priorité.
Prenons un autre exem... tre sélecteur ait 10, 20 ou 20 000 classes. Un id sera toujours plus fort.
* La notion la plus importa
install -g sass
</code>
Attention, cette version sera plus lente que les précédentes options listées au-dessus. Mais l’interface sera la même, dans tous les cas vous pourrez changer p
