ver =====
La pseudo-classe '':hover'' s'applique lorsque l'utilisateur survole un élément avec sa souri... e définir l'apparence que doivent avoir les liens lorsqu'on pointe dessus. Laissez libre cours à votre i... peu de temps : en fait, le changement intervient lorsque le bouton de la souris est enfoncé. Ce n'est d... de changer la couleur de fond du lien hypertexte lorsque l'on clique dessus. Pour l'occasion, on aura a
s_sass.png}}
<note>
Ne soyez pas trop spécifique lorsque vous nommez vos variables. ''$light-purple'' f... ’orange ! Là où ça devient intéressant, c’est que lorsque vous vous replongerez dans votre code d’ici qu... __title {
@include title-shadow;
}
</code>
Et lorsque Sass compile cela en CSS, il place l’ensemble ... ude'' pour utiliser une mixin dans son code ;
* Lorsque Sass compile les instances d’une mixin, il rem
ez demander à ce que les blocs aillent à la ligne lorsqu'ils n'ont plus la place, avec ''flex-wrap''.
V... ut) ;
* ''wrap'' : les éléments vont à la ligne lorsqu'il n'y a plus la place ;
* ''wrap-reverse'' : les éléments vont à la ligne, lorsqu'il n'y a plus la place, en sens inverse.
<code
play: none;
}
</code>
''none'' est très pratique lorsqu'il faut cacher certains éléments en fonction de... sent dans la page vient se coller en haut de page lorsque on descend et reste affiché en haut de l'écran... rapport au coin en haut à gauche de la page.
* Lorsque plusieurs éléments s'empilent, il est possible
ulier, nous avons défini de nouvelles règles qui, lorsqu’elles seront ajoutées, modifieront la règle de ... tn'' de votre site.
===== En résumé =====
* Lorsque vous codez, pensez à adopter le DRY : ne vous répétez pas !
* Lorsque vous créez des sélecteurs, faites attention à
ur d’autres, et peuvent vous donner des migraines lorsqu’un texte reste bleu alors que vous avez bien pr... yle inline, défini directement dans le HTML ====
Lorsque vous écrivez du CSS dans du HTML, c’est ce qu’... jours plus fort.
* La notion la plus importante lorsqu’on veut bâtir un code front-end robuste et main
e url ou en relatif (fond.png).
<note>
Attention lorsque vous écrivez une adresse en relatif dans le fi... r ''fixed'' permet de rendre l'image de fond fixe lorsqu'on déroule la page web : ''background-attachmen
grid; =====
De la même manière que pour Flexbox, lorsque vous utilisez CSS Grids, vous pouvez imaginer ... de se demander comment représenter nos éléments. Lorsque vous créez un tableau, vous réfléchissez aux c
si l'attribut name ne s'affiche pas ?
Bien vu ! Lorsqu’un visiteur tombe sur un champ de texte à saisi... ame'' et ''id'' auront donc la même valeur. Mais lorsque nous utiliserons des ''checkbox'' ou des ''ra
se '':focus'' pour changer l'apparence d'un champ lorsque le curseur se trouve à l'intérieur.
Exemple p... arence d'un bouton qui affiche le mot "Envoyer".
Lorsque vous cliquez sur le bouton Envoyer, le formula
aire déjà beaucoup de choses en HTML et CSS mais, lorsqu'on veut rendre sa page plus interactive, un lan... angages serveur permettent de générer la page web lorsque le visiteur arrive sur votre site. Chaque visi
he du CSS, elle nous permet de ne pas être perdus lorsque nous écrivons du CSS. Et ce, tout en bénéficia... ni SCSS comme préprocesseur par défaut, seulement lorsque vous créez ou utilisez un pen, aucun préproces
e parfait, mais notez ce qui vient de se passer : lorsque la taille de l’écran n’est plus adaptée et att... /|SassMeister]] pour vérifier le code compilé CSS lorsque vous vous entraînez.
</note>
Et le tour est