Que cible chacune des pseudo-classes :hover, :focus et :active ?
:hover cible un élément survolé, :focus un élément focalisé et :active un élément en cours de clic.
Quel indicateur doit remplacer outline: none pour le focus clavier ?
Un indicateur visible, par exemple avec :focus-visible.
Comment s’écrivent les pseudo-éléments et que permettent-ils de cibler ?
Ils s’écrivent avec deux deux-points et ciblent une partie d’un élément.
Quelle propriété est nécessaire à ::before et ::after ?
La propriété content.
Qu’est-ce que Flexbox permet de faire sur un seul axe ?
D’aligner et de répartir des éléments en ligne ou en colonne.
Où déclare-t-on `display: flex` pour créer des éléments flex ?
Sur le conteneur parent, dont les enfants directs deviennent des éléments flex.
Quelles valeurs de justification accepte `justify-content` sur l’axe principal ?
`flex-start`, `flex-end`, `center`, `space-between`, `space-around` et `space-evenly`.
Quelle est la valeur par défaut d’`align-items` pour l’axe secondaire ?
`stretch`.
Comment Grid organise-t-il les éléments d’une mise en page ?
En deux dimensions, selon des lignes et des colonnes.
À quel élément s’applique `display: grid` ?
Au conteneur parent.
Teste tes connaissances avec un QCM de 11 questions sur Pseudo-classes et mises en page CSS.
1. Pour que le style de survol puisse l’emporter sur les styles précédents d’un lien à spécificité égale, dans quel ordre faut-il écrire les pseudo-classes ?
2. Quel état CSS correspond à un élément qui reçoit le focus, par exemple lorsqu’on y accède au clavier ?
Révisez le cours complet dans la fiche de révision de Pseudo-classes et mises en page CSS.
Voir la fiche →Importe ton cours et l'IA génère des flashcards en 30 secondes.
Générateur de flashcards