Font size
WorksheetsCSS/SCSS
Total questions: 20
Worksheet time: 11mins
A quoi sert le selecteur : "p"
à sélectionner toutes les balises P (paragraphes)
à sélectionner toutes les lettres "p"
à sélectionner tous les attributs "p"
Quelles balises seront sélectionnées à l'aide du selecteur suivant :
p, li
<p>
<span>
<li>
<div>
<ul>
<li id="li1">Item</li>
<li id="li2">Item</li>
</ul>
Dans le code ci-dessus, avec quel sélecteur peut-on mettre en rouge uniquement le second <li> ?
#li1
#li2
li
ul li
Comment peut-on ajouter un commentaire en CSS ?
<!-- Commentaire -->
/* Commentaire */
// Commentaire
' Commentaire
Quelle est la meilleure manière d'intégrer du CSS au sein du HTML ?
à l'aide de l'attribut stype
à l'aide de la balise <style>
à l'aide de la balise <link>
L'usage de l'unité "cm" (centimètre) est-elle recommandée ?
oui
non
Un bloc ayant une largeur de 100vw sera aussi large que la taille de la fenêtre du navigateur.
VRAI
FAUX
Quelle propriété peut-on utiliser pour déclarer la couleur d'un texte ?
color
background-color
text-color
font-color
Quelle valeur correspond à du rouge ?
red
#FF0000
rgb(255, 0, 0)
rgba(255, 0, 0, 1)
#F00
Quelle propriété permet de gérer la taille de la police de caractères ?
font-size
text-size
font-height
font-width
Quelle propriété permet d'aligner un texte à gauche ?
text-align: left;
text-align: right;
text-align: center;
text-align: gauche;
Quelles propriétés peuvent être utilisées pour déclarer un fond de couleur ?
background-color
color
background
bgColor
Quelle propriété doit-on utiliser pour définir la couleur de la bordure inférieure d'un bloc ?
border
border-bottom-color
border-color
Quelle propriété peut on utiliser pour définir une marge interne ?
margin
padding
aucune des deux
Quelle propriété peut on utiliser pour définir une marge externe ?
margin
padding
aucune des deux
A l'aide d'une flexbox, quelle propriété permet d'aligner les enfants en colonne ?
flex-direction: row;
flex-direction: column;
flex-direction: none;
Comment peut-on déclarer une flexbox ?
display: flex;
display: flexbox;
display: grid;
display: none;
Au sein d'une flexbox associée à une propriété flex-direction: column; et justify-content: flex-end; comment seront alignés ses enfants ?
à droite
à gauche
au centre
en haut
en bas
comment appelle t-on la variable --ma-variable ?
var(--ma-variable);
var(ma-variable);
--ma-variable;
$ma-variable;
Quelle pseudo classe peut être utilisée pour identifier l'état de prise de focus sur un élément ?
:focus
:hover
:empty
:selected
