ce n’est pas le cas, <li> est précédé de <ul> et non <section>.
La réponse 2 est un combinateur paren... et 4 sont fausses : on utilise le symbole “$” et non ”&”. De plus on utilise les “:” pour assigner une valeur et non le symbole “=”.
La réponse 1 n’est pas fausse en soi, mais ne répond pas à notre énoncé, le nom de la variable est **button-radius** et
ini et précis.
On est perdus capitaine ! 🫠
Reprenons ensemble pas à pas avec un exemple proche de que... .links > a {
color: #242424;
text-decoration: none;
}
</code>
Vous voyez le signe ''>'', il indiqu... c son élément parent alors qu’un lien descendant, non. Vous avez un lien direct et immédiat avec vos pa...
color: #242424;
text-decoration: none;
}
}
</code>
Ce qui donne en CSS :
<code c
</note>
===== Cachez vos éléments avec display: none; =====
On peut également décider de masquer com... e la page en attribuant à ''display'' la valeur **none**. Par exemple, si je veux masquer les éléments ... vais écrire :
<code css>
.secret {
display: none;
}
</code>
''none'' est très pratique lorsqu'il faut cacher certains éléments en fonction de la tail
cteur sur lequel le style va s'appliquer ====
Prenons un exemple où on applique du style sur les liens... Créez un lien hypertexte", c'est comme ça qu'on annonce un lien hypertexte, avec une balise ''<a>''. On... orés d'une façon différente qu'un lien hypertexte non cliqués, il vous faudra leur appliquer la même co... désormais la même, que le lien ait été visité ou non.
Tout cela semble un peu magique comme ça : il e
'.btn'', c’est assez évident que c’est un bouton, non ?
Totalement, mais d’ici quelques mois, est-ce q... inir sa fonctionnalité et ses relations. Pas mal, non? Mais que sont au juste ces blocs, éléments et mo... -left: 30px;
color: #242424;
text-decoration: none;
}
</code>
Après le CSS, il nous faut ajouter c... ontient des éléments ''%%.navbar__link%%''. Imaginons que vous vouliez faire en sorte que le lien Accu
e votre grid prenne toute la largeur… Et pourtant non : les grid gaps (les espacements entre vos grids)... on respectivement l'une par rapport à l'autre, et non par rapport à la largeur de la page, ce qui serai... ;
}
</code>
===== Mesurez vos colonnes =====
Prenons notre première div : ''.une''.
Si on veut qu'e... ire qu'elle s'arrête à la troisième colonne ?
Et non car ça reviendrait à dire qu'elle s'arrête juste
d’écrire du CSS, avec une syntaxe différente.
Prenons ce code CSS :
<code css>
.nav {
text-align: r... éécrire en Sass dans un fichier .sass ?!
Oh que non ! Sass fonctionne très bien avec le CSS. Copiez v... r de maintenant, nous utiliserons Sass comme un synonyme de ''.scss''. À chaque fois que nous en parler... ant de vous faire découvrir et pratiquer Sass, et non de vous aider à maîtriser toutes ses fonctionnali
nts vont se mettre les uns en dessous des autres, non ? Ce sont des blocs, après tout !
Oui, tout à fa... le bas.
Mais mais... c'est pareil qu'au début, non ? On avait ce résultat sans Flexbox, après tout !... a qu'une seule ligne dans la Flexbox.
</note>
Prenons donc un cas de figure où nous avons plusieurs li
uniquement” ;
* ''and'' : “et” ;
* ''not'' : “non”.
Voici quelques exemples de media queries pour ... gros, c'est le navigateur qui décide de mettre ou non des barres de défilement (il n'en mettra que si c... iliser les différentes astuces :
* ''display: none'' pour cacher un élément qui ne rentre pas sur l
autres, et il sera donc appliqué en priorité.
Prenons un autre exemple :
<code html>
<div class="sala... ise malgré la présence d'un id ?
Dans ce cas, prenons un nouvel exemple :
<code html>
<div id="carapu... fait comme il l’entend, d’autres vous diront que non, il faut suivre des **règles communes**, tandis q
OUTES** les valeurs à la main, une par une.
Reprenons l’introduction de notre site, que remarquez-vous... r mes borders, paddings et margins ? 🤯
Oui… mais non. Je m’explique : oui vous pouvez, mais pas avec d... /code>
''$color'' ressemble fort à une variable, non ? C’est l’argument. Les arguments, c’est comme de
obile01.png}}
Une mise en page typique du design non responsive sur mobile
Oops. La mise en page rest... ésolution de l’écran**, qui déterminent si oui ou non les ensembles de règles liés s’appliquent.
</not... ign-items: center;
}
}
</code>
Pas mal, non ? Plutôt que de devoir tout séparer, la media que
dire si on veut que du texte soit en italique ou non :
* ''italic'' : le texte sera mis en italique... ': souligné ;
* ''line-through'': barré ;
* ''none'': normal (par défaut, sauf dans le cas des lien
e de ma page web sera forcément écrit en blanc ?
Non, pas obligatoirement. Si par la suite, vous voule... doit être indiquée par rapport au fichier .css et non pas par rapport au fichier .html . Pour simplifi
