Formation Complète
CSS — De Débutant à Expert
Apprenez à concevoir des interfaces modernes, pas seulement à écrire du CSS.
Niveau 0 — Les bases du Web
Bases
Chapitre 2 : Comment fonctionne un navigateur
Niveau 1 — Introduction au CSS
Débutant
Chapitre 2 : Qu'est-ce que CSS ?
Chapitre 3 : Les différentes façons d'écrire du CSS
Niveau 2 — Les Sélecteurs
Débutant
Chapitre 4 : Les sélecteurs simples
Chapitre 5 : Les sélecteurs combinés
Chapitre 6 : Les sélecteurs multiples
Chapitre 7 : Les pseudo-classes
Chapitre 8 : Les pseudo-éléments
Chapitre 9 : Les sélecteurs d'attributs
Niveau 3 — La Cascade
Intermédiaire
Chapitre 10 : La cascade
Chapitre 11 : L'héritage
Chapitre 12 : La spécificité
Chapitre 13 : L'importance (!important)
Chapitre 14 : Calcul des priorités
Niveau 4 — Les Unités
Intermédiaire
Toutes les unités : absolues et relatives
Niveau 5 — Les Fonctions CSS
Intermédiaire
calc(), min(), max(), clamp(), var(), couleurs, gradients...
Niveau 6 — Les Couleurs
Intermédiaire
RGB, HSL, OKLCH, variables, palettes, contraste, mode sombre
Niveau 7 — La Typographie
Intermédiaire
Toutes les propriétés de texte et police
Niveau 8 — Le Box Model
Intermédiaire
Margin, padding, border, box-sizing, dimensions, overflow
Niveau 9 — Les Backgrounds
Intermédiaire
Couleurs, images, gradients, patterns, textures
Niveau 10 — Les Bordures
Intermédiaire
Border, border-radius, outline, box-shadow, drop-shadow
Niveau 11 — Les Listes
Intermédiaire
ul, ol, li, list-style
Niveau 12 — Les Tableaux
Intermédiaire
Table, border-collapse, table-layout, tableaux professionnels
Niveau 13 — Les Images
Intermédiaire
object-fit, filter, clip-path, images responsives
Niveau 14 — Les Vidéos
Intermédiaire
Video, aspect-ratio, overlay, responsive
Niveau 15 — Les Liens
Intermédiaire
États, transitions, animations, effets modernes
Niveau 16 — Les Formulaires
Avancé
Tous les types d'inputs, validation, checkboxes, switch
Niveau 17 — La Flexbox
Avancé
display:flex, justify-content, align-items, projets
Niveau 18 — CSS Grid
Avancé
grid-template, grid-area, auto-fit, subgrid, projets
Niveau 19 — Positionnement
Avancé
relative, absolute, fixed, sticky, z-index
Niveau 20 — Responsive Design
Avancé
Media Queries, Container Queries, Mobile First, Fluid
Niveau 21 — Transitions
Avancé
transition, timing-function, hover, boutons, cards
Niveau 22 — Animations
Avancé
@keyframes, transform, 3D, loader, spinner, modal
Niveau 23 — Variables CSS
Avancé
Custom Properties, thèmes, dark mode, architecture
Niveau 24 — Architecture CSS
Expert
BEM, SMACSS, ITCSS, OOCSS, CUBE CSS, Atomic CSS
Niveau 25 — Composants UI
Expert
40+ composants : boutons, cartes, modales, dashboards...
Niveau 26 — CSS Moderne
Expert
Nesting, @layer, :has(), Scroll Snap, propriétés logiques
Niveau 27 — Accessibilité
Expert
Contraste, focus, navigation clavier, prefers-*
Niveau 28 — Performance
Expert
Sélecteurs coûteux, reflows, Critical CSS, minification
Niveau 29 — Débogage DevTools
Expert
Inspecteur, Box Model, Grid/Flex Inspector, performances
Niveau 30 — Projets
Expert
20 projets : du formulaire de connexion au clone de Stripe