Sommaire des exercices
Cliquez sur un exercice pour accéder à ses solutions complètes avec démonstrations
EX 01
⏱ 20 min
Sélecteurs CSS & Spécificité
Ciblage précis des éléments, calcul de la cascade et bonnes pratiques.
Sélecteurs
Spécificité
Cascade
!important
8 questions →
EX 02
⏱ 25 min
Box Model CSS
content-box vs border-box, calculs de largeur, centrage horizontal et vertical.
content-box
border-box
Centrage
Reset CSS
4 questions →
EX 03
⏱ 30 min
Flexbox
Barre de navigation avec space-between, cartes de même hauteur avec footer en bas.
display: flex
justify-content
align-items
flex: 1
2 exercices →
EX 04
⏱ 30 min
CSS Grid
Grille responsive avec auto-fit/minmax, layout complet avec Grid Areas nommées.
auto-fit
minmax
grid-area
1fr
2 exercices →
EX 05 · 06 · 07
⏱ 65 min
Responsive · Variables CSS · Animations
Mobile First avec media queries, design tokens thème clair/sombre, transitions et @keyframes spinners.
min-width
@media
Custom properties
transition
@keyframes
prefers-color-scheme
3 exercices combinés →
Exercice 08 — Quiz Corrigé
5 questions de révision sur les fondamentaux CSS3. Réponses correctes affichées avec explications détaillées. Score : 5/5.
Voir le corrigé →