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
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
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.
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 {
... ker la valeur de l’arrondi de vos boutons. Quelle serait la bonne syntaxe ?
- ''$border-radius: 30px;... tton {
border-radius: 30px;
}
</code>
Quelle serait la bonne syntaxe ?
- <code sass>
.button {
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... #a5b4fc;
}
}
}
</code>
Et en .sass , ce serait :
<code sass>
.nav
text-align: right
.n
ignifie que le style écrit entre les accolades ne sera appliqué que pour les écrans dont la taille est i... a balise meta viewport, l’affichage de notre site serait le même que sur un écran de cette taille, donc ... ''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
aut une nouvelle couleur pour cette ombre. Quelle serait la meilleure façon d’intégrer cette proposition... 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,
vera plusieurs fois dans ce chapitre. Souvent, ce sera la valeur de son attribut ''type'' qui changera s... haut de la balise ''input'' ? Et expliqué que ce serait l'attribut ''type'' qui changerait selon le typ... est un peu redondant). Dans tous les cas, la case sera cochée.
</note>
==== Insérez des boutons radio a
s ?
En CSS, il n'y en a pas vraiment ; cela vous sera surtout utile si vous faites du JavaScript plus t... seaux répertoriées dans toute l’Europe.</p>
Cela serait facile à faire s'il y avait une balise autour d
t non par rapport à la largeur de la page, ce qui serait le cas avec une unité en pourcentage.
… et vo... mentaire à Flexbox. Créer ce type de mise en page serait vraiment plus laborieux avec Flexbox, alors qu'
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
our notre HTML.
Comme pour les pokémons, l’idéal serait qu’en un simple coup d'œil au nom d’une classe,... logo%%'' pour notre logo.
Chaque lien ou élément sera défini ainsi :
<code css>
.navbar__link {
marg
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
