Chargement de la page
Tous les cours
100 % gratuitDébutant
Apprenez CSS
Apprenez à mettre en forme vos pages web avec CSS : sélecteurs, couleurs, typographie, modèle de boîte, Flexbox, Grid et adaptation aux écrans. Un cours gratuit pour comprendre les règles et les essayer.
16 leçonsEnviron 16 hDes exemples à modifier
Commencer le cours Apprendre CSSComprendre · Essayer · Créer
AU PROGRAMME
Comprendre les règles pour maîtriser le résultat.
Les quatre premières leçons sont disponibles en français, avec leurs ateliers et leurs quiz. Les autres leçons, l’évaluation et le projet final s’ouvrent en anglais. Votre progression reste partagée entre les deux langues.
VOTRE PARCOURS CSS
0 leçons terminées sur 16
0% du parcours · Enregistré sur cet appareil
Prochaine leçon
CSS — Introduction ContinuerLe parcours comprend 16 ateliers : une explication, un exemple à modifier, du code à corriger, un exercice en autonomie et deux questions corrigées. Les durées incluent la lecture et la pratique ; avancez à votre rythme.
01
CSS Foundations
CSS — IntroductionDécouvrez comment une règle CSS relie un sélecteur, une propriété et une valeur pour mettre en forme un document HTML.Atelier pratique · 2 questions corrigées · en français
43 min CSS — SélecteursCiblez les bons éléments avec des sélecteurs de type, de classe ou d’identifiant, puis exprimez les relations utiles dans le document.Atelier pratique · 2 questions corrigées · en français
47 min CSS — Cascade et spécificitéComprenez pourquoi une déclaration l’emporte : origine, importance, couches, spécificité et ordre du code. Distinguez aussi les styles hérités.Atelier pratique · 2 questions corrigées · en français
58 min CSS — UnitésChoisissez vos unités d’après leur référence : taille du texte, conteneur ou fenêtre. Donnez un sens aux valeurs avant de fixer les nombres.Atelier pratique · 2 questions corrigées · en français
49 min 02
Layout Systems
CSS — Modèle de boîtePrévoyez la place occupée par le contenu, le padding, la bordure et la marge, avec content-box et border-box.Atelier pratique · 2 questions corrigées · en anglais
49 min CSS — PositionnementAppuyez-vous sur le flux normal, puis utilisez relative, absolute, fixed et sticky pour les éléments qui en ont réellement besoin.Atelier pratique · 2 questions corrigées · en anglais
56 min CSS — FlexboxOrganisez des éléments sur un axe avec les alignements, les retours à la ligne, gap et des tailles souples.Atelier pratique · 2 questions corrigées · en anglais
60 min CSS — GridOrganisez lignes et colonnes ensemble avec fr, minmax() et auto-fit pour construire des grilles adaptées à leur contenu.Atelier pratique · 2 questions corrigées · en anglais
69 min 03
Applied CSS Systems
CSS — Arrière-plansSuperposez couleurs, images et dégradés sans modifier la structure du contenu. Gardez les images décoratives à leur juste place.Atelier pratique · 2 questions corrigées · en anglais
60 min CSS — Pseudo-classesCiblez les états et les relations qui existent déjà dans HTML : survol, focus, sélection, désactivation ou position parmi les enfants.Atelier pratique · 2 questions corrigées · en anglais
64 min CSS — DébordementsTrouvez l’élément qui dépasse avant de masquer le contenu. Prévoyez un défilement explicite lorsque les données sont réellement trop larges.Atelier pratique · 2 questions corrigées · en anglais
68 min CSS — TransformationsDéplacez, tournez et redimensionnez une boîte sans déplacer ses voisines dans le flux. Comprenez l’ordre des transformations.Atelier pratique · 2 questions corrigées · en anglais
68 min CSS — ArchitectureOrganisez les valeurs communes, les couches de cascade, les composants et les utilitaires pour rendre les responsabilités plus claires.Atelier pratique · 2 questions corrigées · en anglais
76 min 04
Responsive and Responsible CSS
CSS — Media queriesPartez d’une mise en page souple et adaptez-la lorsque le contenu le demande, selon la fenêtre et les préférences de la personne.Atelier pratique · 2 questions corrigées · en anglais
67 min CSS — TypographieTravaillez les tailles, l’interligne, la longueur des lignes et les retours à la ligne pour créer une hiérarchie agréable à lire.Atelier pratique · 2 questions corrigées · en anglais
49 min CSS — AccessibilitéPréservez le focus visible, le contraste et le contenu. Faites en sorte que les états restent compréhensibles sans couleur ni animation seules.Atelier pratique · 2 questions corrigées · en anglais
63 min 
POUR ALLER PLUS LOIN
Gardez un guide CSS à portée de main.
Approfondissez la cascade, les mises en page et les interfaces adaptatives avec ce guide pratique. Le livre est proposé en anglais.
