Module CSS
Syllabus
Semaine 1 – Fondations
Introduction au CSS Syntaxe CSS CSS Comment faire Sélecteurs CSS Sélecteurs d'attributs Commentaires CSS Erreurs CSS Spécificité CSS CSS !important
Semaine 2 – Mise en forme
🎨 Couleurs
Couleurs CSS Couleurs HEX Couleurs RGB Couleurs HSL Mots clés de couleur
🔤 Texte
Texte CSS Alignement du texte Décoration du texte Ombre du texte Espacement du texte Transformation du texte
🅰️ Polices
Polices CSS Taille de police Style de police Fallbacks Shorthand Polices Web Safe Google Fonts Paires de polices
Semaine 3 – Médias & Navigation
🖼️ Images
Images CSS Galerie Sprites Transparence Centrage Filtres Formes
🖼️ Arrière-plans
Arrière-plan Image de fond Répétition Attachment Shorthand
🧭 Navigation
Navbar Navbar horizontale Navbar verticale Menus déroulants
Icônes CSS
Semaine 4 – Mise en page
Display & Visibility Inline-block Positionnement Z-index Overflow Alignement Float Clear Exemples Float
📐 Flexbox
Flexbox Conteneur Flex Éléments Flex Flex Responsive
🔲 Grid
Grid Conteneur Grid Éléments Grid Gap Tracks Alignement Ordre Noms Grille 12 colonnes
Semaine 5 – Listes, Tableaux & Navigation
📋 Listes
Listes CSS Styles de listes
📊 Tableaux
Tableaux CSS Styles Style avancé Tailles Alignement Responsive
Icônes CSS
🧭 Navigation
Navbar Navbar horizontale Navbar verticale Menus déroulants
Semaine 6 – Images & Médias
🖼️ Images
Images CSS Galerie Sprites Transparence Centrage Filtres Formes
🖌️ Arrière-plans CSS3
Backgrounds CSS3 Background-size Background-origin Background-clip Bordures CSS3 Border-image
🌈 Dégradés
Couleurs CSS3 Dégradés linéaires Dégradés radiaux Dégradés coniques
Semaine 7 – CSS3 Avancé
🌀 Transformations
Transformations 2D Transformations 3D Transitions Animations
🌑 Ombres
Ombres CSS3 Ombres de boîte
🎭 Masquage
Masking Masking SVG Masking avec dégradés
Semaine 8 – Flexbox, Grid & Responsive
📱 Responsive
Introduction RWD Viewport Images RWD Vidéos RWD Media Queries Grille RWD Frameworks RWD Templates RWD
🔧 Variables CSS
Variables CSS Surcharge de variables Variables & Media Queries Variables & JavaScript
Unités CSS Fonctions mathématiques CSS Héritage CSS Optimisation / Performance Accessibilité CSS @supports Interface utilisateur CSS Dimensionnement des boîtes
Références – Pratique
Exemples CSS Exercices CSS Extraits CSS Modèles CSS Mise en page de site