MudeyMudeyFormation
Learning pathsCertificationsAboutResources
Sign inSign up

Stay informed

Get our latest courses, tips and exclusive offers straight to your inbox.

We respect your privacy. You can unsubscribe at any time.

Turn your expertise into a course

Share what you know, help others move forward and grow your income.

Become an instructor
MudeyMudey

The online learning platform that transforms lives through quality training.

Follow us

Mobile appComing soon on iOS and Android

Discover

  • All courses
  • Categories
  • Learning paths
  • Certifications
  • Popular courses
  • New releases

Learn with Mudey

  • My courses
  • My student area
  • Wishlist
  • My certificates
  • Become an instructor

Help and resources

  • Help center
  • FAQ
  • Contact
  • Blog
  • Guides
  • Verify a certificate
  • Accessibility

Company

  • About
  • Our instructors
  • Business and teams
  • Partnerships
  • Affiliates
  • Careers

Legal

  • Terms and conditions
  • Privacy policy
  • Cookie policy
  • Legal notice
  • Instructor terms
  • Refund policy

© 2026 Mudey. All rights reserved.

    1. Home
    2. /Courses
    3. /Développement Frontend
    All levels

    Formation complète CSS 3 pour créer des sites Web modernes

    This CSS course for all levels brings together 142 video lessons in 19 sections, for 23 h 37 min of video in total. You follow it at your own pace with Espero AKPOLI, who teaches it. The videos are in French.

    23 h 37 min
    French
    E
    Created by
    Espero AKPOLI
    Illustration for the CSS course: Formation complète CSS 3 pour créer des sites Web modernes
    US$67.24US$296.33-77%
    This course includes:
    • 23 h 37 min of video
    • 142 lessons
    • Certificate of completion
    • Lifetime access
    US$67.24US$296.33

    What this CSS program teaches you

    • Apprendre les bases du CSS3
    • Apprendre les notions avancées du CSS3
    • Apprendre les techniques de mise en page du CSS3
    • Apprendre la mise en page Responsive avec le CSS3
    • Concevoir un site internet avec du HTML et CSS
    Comprendre la philosophie du CSS3

    About this CSS program

    Apprendre le langage CSS 3 pour designer efficacement vos pages web et développer des interfaces graphiques uniques

    CSS curriculum

    19 sections, 142 lessons and 23 h 37 min of video in total.

    Section 1: Présentation de la formation

    1 lesson•8 min
    • Présentation de la formationPreview
      8 min

    Section 2: Les avantages de la formation

    1 lesson•8 min
    • Les avantages de la formation
      8 min

    Section 3: Introduction à la formation

    2 lessons•13 min
    • Cours 1 Introduction au langage CSS 3
      5 min
    • Cours 2 Gestion de la présentation par le langage CSS 3
      8 min

    Section 4: Intégration de CSS 3 à une page Web

    3 lessons•33 min
    • Cours 3 Intégration de CSS à une page Web
      14 min
    • Cours 4 Intégration de CSS à une page Web (partie 2)
      8 min

    Section 5: Les sélecteurs simples CSS 3

    3 lessons•38 min
    • Cours 6 Les sélecteurs simple en CSS
      12 min
    • Cours 7 Les sélecteurs simple en CSS (partie 2)
      14 min

    Section 6: TP 1 sur la manipulation des sélecteurs simples

    2 lessons•26 min
    • Cours 9 Exercice sur les sélecteurs simple (partie 1)
      11 min
    • Cours 10 Exercice sur les sélecteurs simple (partie 2)
      14 min

    Section 7: Les sélecteurs d'attributs et de classes

    3 lessons•44 min
    • Cours 11 Les sélecteurs d'attributs (partie 1)
      13 min
    • Cours 12 Les sélecteurs d'attributs (partie 2)
      14 min

    Section 8: Les sélecteurs avancés

    4 lessons•40 min
    • Cours 14 Les pseudo-classes de position
      16 min
    • Cours 15 Les pseudo-classes de position
      6 min

    Section 9: Couleurs et unités de mesures CSS 3

    3 lessons•44 min
    • Cours 18 Les couleurs en CSS 3
      14 min
    • Cours 19 Les unités de mesure en CSS 3
      13 min

    Section 10: Quelques propriétés CSS 3

    6 lessons•1 h 17 min
    • Cours 21 Les propriétés de typographie en CSS 3
      14 min
    • Cours 22 Les propriétés de typographie en CSS 3 (partie 2)
      13 min
    Show the next 9 sections

    Section 11: Mise en page avec GRID

    9 lessons•1 h 16 min
    • Cours 1 Introduction à GRID Layout en CSS 3
      4 min
    • Cours 1 Introduction à GRID Layout en CSS 3
      4 min

    Your instructor

    E

    Espero AKPOLI

    63 courses on Mudey

    Student reviews

    No student has posted a review yet. Ratings from enrolled students will appear here.

    CSS course FAQ

    How long does the CSS course take?

    The curriculum has 142 video lessons, for 23 h 37 min in total. Every lesson is a pre-recorded video, so you move at your own pace, at any hour, and watch each lesson again as often as you need.

    What level do you need to follow the CSS lessons?

    The program suits all levels. The instructor lists no particular requirement to get started.

    Do you get a certificate at the end?

    Yes. As soon as you complete every lesson, Mudey issues a certificate of completion as a PDF. Each certificate carries a unique number that an employer can check on the certificate verification page.

    How long do you keep access to the lessons?

    Access lasts for life. After you enroll, the CSS program joins "My courses" along with the instructor's updates, for as long as it stays on the platform. You can also follow it on a phone, and your progress syncs from one device to another.

    How much does the CSS course cost?

    Enrollment costs US$67.24 instead of US$296.33, all taxes included. You pay once by card, on a secure page run by Stripe. If needed, our refund policy sets out your rights.

    In which language are the videos?

    Everything happens in French: it is the language of the videos and the curriculum.

    More courses in the same field

    To keep going on this subject, Mudey also offers Créez le template du site web populaire Youtube, Créez le template du site web populaire Youtube, and Créez le template du site web populaire Youtube.

    See all courses in the Développement Frontend category
    Cours 5 Syntaxe du langage CSS
    11 min
    Cours 8 Découverte de l'arbre DOM
    12 min
    Cours 13 Les sélecteurs de classe et d'Id
    17 min
    Cours 16 Les pseudo-classes dynamiques
    9 min
  1. Cours 17 Les pseudo-éléments en CSS 3
    10 min
  2. Cours 20 Les unités de mesure en CSS 3
    17 min
    Cours 23 Les propriétés de typographie en CSS 3 (partie 3)
    6 min
  3. Cours 24 Les propriétés de bordures et arrières plan en CSS 3 (partie 3)
    19 min
  4. Cours 25 Les propriétés de dimensions CSS 3
    13 min
  5. Cours 26 Les propriétés de marges en CSS 3
    13 min
  6. Cours 2 Création d'une grille en CSS 3
    14 min
  7. Cours 3 Création d'une grille en CSS 3
    10 min
  8. Cours 4 Le positionnement des items de grille en CSS 3
    10 min
  9. Cours 5 Le positionnement des items de grille en CSS 3
    3 min
  10. Cours 6 Alignement de grille en CSS 3
    9 min
  11. Cours 7 Les zones nommées de grille en CSS 3
    14 min
  12. Cours 8 Approche Mobile first ou Desktop first
    7 min
  13. Section 12: TP 1 : Mise en page avec GRID

    9 lessons•1 h 47 min
    • Cours 9 Exercice 1 Mobile first, mise en page mobile
      11 min
    • Cours 10 Exercice 1 Mobile first, mise en page desktop
      12 min
    • Cours 11 Exercice 1 Desktop first, mise en page desktop
      9 min
    • Cours 12 Exercice 1 Desktop first, mise en page mobile
      5 min
    • Cours 13 Exercice 2 Mobile first, mise en page mobile
      19 min
    • Cours 14 Exercice 2 Mobile first, mise en page desktop
      13 min
    • Cours 15 Exercice 2 Desktop first, mise en page desktop
      18 min
    • Cours 16 Exercice 2 Desktop first, mise en page mobile
      10 min
    • output
      11 min

    Section 13: Mise en page avec Flexbox

    12 lessons•1 h 20 min
    • Cours 1 Introduction à Flexbox en CSS 3
      2 min
    • Cours 2 Création d'une boîte flexible en CSS 3
      9 min
    • Cours 3 Comportements par défaut d'une boîte flexible en CSS 3
      4 min
    • Cours 4 L'axe principale et l'axe secondaire d'une boîte flexible en CSS 3
      3 min
    • Cours 5 Alignement d'une boîte flexible en CSS 3
      16 min
    • Cours 6 Ordonner les boîtes flexible en CSS 3
      7 min
    • Cours 7 Propriété flex-grow sur les éléments flexibles en CSS 3
      11 min
    • Cours 8 Propriété flex-grow sur les éléments flexibles en CSS 3
      4 min
    • Cours 9 Propriété flex-basis sur les éléments flexibles en CSS 3
      6 min
    • Cours 10 Propriété flex-basis sur les éléments flexibles en CSS 3
      4 min
    • Cours 11 Propriété flex-shrink sur les éléments flexibles en CSS 3
      8 min
    • Cours 12 Propriété flex sur les éléments flexibles en CSS 3
      6 min

    Section 14: TP 2 : Mise en page avec Flexbox

    4 lessons•25 min
    • Cours 13 Exercice 1 Mobile first, mise en page mobile
      12 min
    • Cours 14 Exercice 1 Mobile first, mise en page desktop
      5 min
    • Cours 15 Exercice 1 Desktop first, mise en page desktop
      5 min
    • Cours 16 Exercice 1 Desktop first, mise en page mobile
      3 min

    Section 15: TP 3 : Mise en page responsive avec Flexbox

    4 lessons•47 min
    • Cours 17 Exercice 2 Mobile first, mise en page mobile
      12 min
    • Cours 18 Exercice 2 Mobile first, mise en page tablette et Desktop
      14 min
    • Cours 19 Exercice 2 Desktop first, mise en page desktop
      13 min
    • Cours 20 Exercice 2 Desktop first, mise en page tablette et mobile
      8 min

    Section 16: TP 4 : Création d'un méga menu

    18 lessons•2 h 42 min
    • Cours 1 Présentation du projet
      4 min
    • Cours 2 Mise en place du projet
      7 min
    • Cours 3 Création d'une boîte à outils CSS
      8 min
    • Cours 4 Mise en forme du Menu
      12 min
    • Cours 5 Mise en forme du Menu pour mobile
      13 min
    • Cours 6 Mise en forme du Menu pour mobile
      4 min
    • Cours 7 Mise en forme du Menu pour mobile
      10 min
    • Cours 8 Mise en forme du sous-menu
      13 min
    • Cours 9 Mise en forme du sous-menu du sous-menu
      16 min
    • Cours 10 Mise en forme du sous-menu du sous-menu
      10 min
    • Cours 11 Mise en forme du sous-menu du sous-menu pour mobile
      5 min
    • Cours 12 Mise en forme du sous-menu du sous-menu pour mobile
      8 min
    • Cours 13 Mise au point avant de continuer
      8 min
    • Cours 14 Mise en place du Mega Menu
      8 min
    • Cours 15 Mise en forme du Mega Menu
      11 min
    • Cours 16 Mise en forme du Mega Menu
      12 min
    • Cours 17 Mise en forme du Mega Menu
      6 min
    • Cours 18 Aller plus loin - mise en forme du Mega Menu
      7 min

    Section 17: Création de l'interface Facebook : Episode 1

    16 lessons•2 h 35 min
    • Episode 1 Cours 1 Présentation du contenu de l'épisode 1 et 2
      4 min
    • Episode 1 Cours 2 Prérequis de la formation
      4 min
    • Episode 1 Cours 3 Méthodologie de création de l'interface graphique
      3 min
    • Episode 1 Cours 4 Mise en place de page de connexion
      9 min
    • Episode 1 Cours 5 Positionnement des éléments HTML
      12 min
    • Episode 1 Cours 6 Création du contenu de la page
      9 min
    • Episode 1 Cours 7 Designer la page de connexion
      19 min
    • Episode 1 Cours 8 Designer la page de connexion
      12 min
    • Episode 1 Cours 9 Mise en place du contenu de la page d'inscription
      20 min
    • Episode 1 Cours 10 Designer le contenu de la page d'inscription
      18 min
    • Episode 1 Cours 11 Designer le contenu de la page d'inscription
      13 min
    • Episode 1 Cours 12 Designer le contenu de la page d'inscription
      6 min
    • Episode 1 Cours 13 Designer le contenu de la page d'inscription
      16 min
    • Episode 1 Cours 14 Fin de l'épisode 1
      4 min
    • Episode 1 Cours 15 Bonus Episode 2
      1 min
    • Episode 1 Cours 16 Fin du bonus
      5 min

    Section 18: Création de l'interface Facebook : Episode 2

    40 lessons•7 h 9 min
    • Episode 2 Cours 1 Présentation du contenu de l'épisode 2
      2 min
    • Episode 2 Cours 2 Mise en place de la page d'accueil
      8 min
    • Episode 2 Cours 3 Positionnement des éléments de la page d'accueil
      12 min
    • Episode 2 Cours 4 Mise en place du menu du site
      13 min
    • Episode 2 Cours 5 Designer le menu
      5 min
    • Episode 2 Cours 6 Designer le menu (partie 1)
      12 min
    • Episode 2 Cours 7 Designer le menu (partie 2)
      17 min
    • Episode 2 Cours 8 Designer le menu
      12 min
    • Episode 2 Cours 9 Gérer l'aspect responsive du menu
      10 min
    • Episode 2 Cours 10 Gérer l'aspect responsive du menu
      8 min
    • Episode 2 Cours 11 Mise en place du menu gauche
      7 min
    • Episode 2 Cours 12 Mise en place du menu gauche
      8 min
    • Episode 2 Cours 13 Mise en place du menu gauche
      4 min
    • Episode 2 cours 14 mise en place de la liste des amis
      16 min
    • Episode 2 Cours 15 Fixer la liste des amis à la page
      7 min
    • Episode 2 Cours 16 Mise en page des stories
      7 min
    • Episode 2 cours 17 désigner les stories
      13 min
    • Episode 2 Cours 18 Designer les stories
      12 min
    • Episode 2 Cours 19 Mise en page de la partie de création de post
      9 min
    • Episode 2 Cours 20 Designer la partie de création de post
      16 min
    • Episode 2 Cours 21 Mise en page de post Modal
      10 min
    • Episode 2 Cours 22 Mise en page de post Modal
      8 min
    • Episode 2 Cours 23 Designer la page de post Modal
      15 min
    • Episode 2 Cours 24 Designer la page de post Modal
      13 min
    • Episode 2 Cours 25 Designer le modal de publication d'article
      17 min
    • Episode 2 Cours 26 Designer la page de post Modal
      8 min
    • Episode 2 Cours 27 Mise en place des posts
      11 min
    • Episode 2 Cours 28 Mise en place des posts
      6 min
    • Episode 2 Cours 29 Designer les posts
      13 min
    • Episode 2 Cours 30 Designer les posts
      8 min
    • Episode 2 Cours 31 Mise en page des commentaires
      8 min
    • Episode 2 Cours 32 Designer les commentaires
      19 min
    • Episode 2 Cours 33 Designer les commentaires
      9 min
    • Episode 2 Cours 34 Mise en place de l'interface de chat
      17 min
    • Episode 2 Cours 35 Designer l'entête de l'interface de chat
      13 min
    • Episode 2 Cours 36 Designer l'entête de l'interface de chat
      12 min
    • Episode 2 Cours 37 Designer contenu de l'interface de chat
      15 min
    • Episode 2 Cours 38 Designer contenu de l'interface de chat
      11 min
    • Episode 2 Cours 39 Designer contenu de l'interface de chat
      11 min
    • Episode 2 Cours 40 Designer contenu de l'interface de chat
      10 min

    Section 19: Conclusion à la formation

    2 lessons•8 min
    • Partie 1 Conclusion à la formation
      6 min
    • Partie 2 Aller plus loin avec une autre formation
      3 min