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 (par la Pratique)

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

    21 h 9 min
    French
    E
    Created by
    Espero AKPOLI
    Illustration for the CSS course: Formation complète CSS 3 (par la Pratique)
    €29.99€199.99-85%
    This course includes:
    • 21 h 9 min of video
    • 154 lessons
    • Certificate of completion
    • Lifetime access
    €29.99€199.99

    What this CSS program teaches you

    • Mettre en application toutes les notions fondamentales du CSS3
    • Apprendre à fixer une zone à l'écran avec le CSS3
    • Apprendre à manipuler les propriétés CSS3
    • Apprendre à designer une page Web de A à Z
    • Créer un menu avancé responsive
    • Apprendre à utiliser Grid et Flexbox ensemble
    • Mettre en place et écrire les Medias Queries
    • Mettre en place le responsive d’un site web avec Grid et Flexbox
    • Savoir manipuler le conteneur et le contenu avec CSS Grid
    • Apprendre l'alignement des contenus avec CSS3
    • Savoir éditer de lignes et de colonnes et définir les zones CSS
    • Apprendre la manipulation du desktop et mobile first
    • Savoir travailler avec les Medias Queries
    • Manipulation du conteneur et des contenus avec FlexBox
    • Alignement des items avec les propriétés CSS3 FlexBox
    • Apprendre à gérer de l'espace des conteneurs avec FlexBox
    • Se familiariser avec la notion d’axe FlexBox
    • Concevoir et gérer un site web responsive
    • Créer le template du site web Youtube

    About this CSS program

    Apprendre le langage CSS 3 avec toutes les techniques de mise en page responsive avancées telles que GRID et FLEXBOX

    CSS curriculum

    19 sections, 154 lessons and 21 h 9 min of video in total.

    Section 1: Présentation de la formation

    2 lessons•8 min
    • Cours 1 Présentation de la formation complète CSS 3
      4 min
    • Cours 2 Présentation des projets de la formation
      4 min

    Section 2: Les avantages de la formation

    5 lessons•31 min
    • Présentation 1 Les avantages de la formation
      8 min
    • Présentation 2 Les avantages de la formule starter
      6 min
    • Présentation 3 Les avantages de la formule basic
      5 min
    • Présentation 4 Les avantages de la formule premium
      6 min
    • Présentation 5 Les avantages de la formule business
      6 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
    • Cours 5 Syntaxe du langage CSS
      11 min

    Section 5: Les sélecteurs simples CSS 3

    2 lessons•25 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

    3 lessons•38 min
    • Cours 8 Découverte de l'arbre DOM
      12 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
    • Cours 13 Les sélecteurs de classe et d'Id
      17 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
    • Cours 16 Les pseudo-classes dynamiques
      9 min
    • Cours 17 Les pseudo-éléments en CSS 3
      10 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
    • Cours 20 Les unités de mesure en CSS 3
      17 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
    • Cours 23 Les propriétés de typographie en CSS 3 (partie 3)
      6 min
    • Cours 24 Les propriétés de bordures et arrières plan en CSS 3 (partie 3)
      19 min
    • Cours 25 Les propriétés de dimensions CSS 3
      13 min
    • Cours 26 Les propriétés de marges en CSS 3
      13 min
    Show the next 9 sections

    Section 11: Mise en page avec GRID

    8 lessons•15 min
    • Cours 1 Introduction à GRID Layout en CSS 3
      4 min
    • Cours 2 Création d'une grille en CSS 3
    • Cours 3 Création d'une grille en CSS 3
    • Cours 4 Le positionnement des items de grille en CSS 3
    • Cours 5 Le positionnement des items de grille en CSS 3
      3 min
    • Cours 6 Alignement de grille en CSS 3
      9 min
    • Cours 7 Les zones nommées de grille en CSS 3
    • Cours 8 Approche Mobile first ou Desktop first

    Section 12: TP 1 : Mise en page avec GRID

    8 lessons•5 min
    • Cours 9 Exercice 1 Mobile first, mise en page mobile
    • Cours 10 Exercice 1 Mobile first, mise en page desktop
    • Cours 11 Exercice 1 Desktop first, mise en page desktop

    Section 13: Mise en page avec Flexbox

    12 lessons•33 min
    • Cours 1 Introduction à Flexbox en CSS 3
      1 min
    • Cours 2 Création d'une boîte flexible en CSS 3
    • Cours 3 Comportements par défaut d'une boîte flexible en CSS 3

    Section 14: TP 2 : Mise en page avec Flexbox

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

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

    12 lessons•1 h 33 min
    • Cours 17 Exercice 2 Mobile first, mise en page mobile
    • Cours 18 Exercice 2 Mobile first, mise en page tablette et Desktop
    • Cours 19 Exercice 2 Desktop first, mise en page desktop

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

    19 lessons•2 h 46 min
    • Cours 1 Présentation du projet
      4 min
    • Cours 2 Mise en place du projet
      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

    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

    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

    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 154 video lessons, for 21 h 9 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 €29.99 instead of €199.99, 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
  1. Cours 12 Exercice 1 Desktop first, mise en page mobile
    5 min
  2. Cours 13 Exercice 2 Mobile first, mise en page mobile
  3. Cours 14 Exercice 2 Mobile first, mise en page desktop
  4. Cours 15 Exercice 2 Desktop first, mise en page desktop
  5. Cours 16 Exercice 2 Desktop first, mise en page mobile
  6. 4 min
  7. Cours 4 L'axe principale et l'axe secondaire d'une boîte flexible en CSS 3
    3 min
  8. Cours 5 Alignement d'une boîte flexible en CSS 3
  9. Cours 6 Ordonner les boîtes flexible en CSS 3
    6 min
  10. Cours 7 Propriété flex-grow sur les éléments flexibles en CSS 3
  11. Cours 8 Propriété flex-grow sur les éléments flexibles en CSS 3
    4 min
  12. Cours 9 Propriété flex-basis sur les éléments flexibles en CSS 3
    5 min
  13. Cours 10 Propriété flex-basis sur les éléments flexibles en CSS 3
    4 min
  14. Cours 11 Propriété flex-shrink sur les éléments flexibles en CSS 3
  15. Cours 12 Propriété flex sur les éléments flexibles en CSS 3
    6 min
  16. 4 min
  17. Cours 16 Exercice 1 Desktop first, mise en page mobile
    2 min
  18. Cours 20 Exercice 2 Desktop first, mise en page tablette et mobile
  19. Cours 17 Exercice 2 Mobile first, mise en page mobile - Copie
    12 min
  20. Cours 17 Exercice 2 Mobile first, mise en page mobile
    12 min
  21. Cours 18 Exercice 2 Mobile first, mise en page tablette et Desktop - Copie
    14 min
  22. Cours 18 Exercice 2 Mobile first, mise en page tablette et Desktop
    14 min
  23. Cours 19 Exercice 2 Desktop first, mise en page desktop - Copie
    13 min
  24. Cours 19 Exercice 2 Desktop first, mise en page desktop
    13 min
  25. Cours 20 Exercice 2 Desktop first, mise en page tablette et mobile - Copie
    8 min
  26. Cours 20 Exercice 2 Desktop first, mise en page tablette et mobile
    8 min
  27. Cours 3 Création d'une boîte à outils CSS
    8 min
  28. Cours 4 Mise en forme du Menu
    12 min
  29. Cours 5 Mise en forme du Menu pour mobile
    13 min
  30. Cours 6 Mise en forme du Menu pour mobile
    4 min
  31. Cours 7 Mise en forme du Menu pour mobile
    10 min
  32. Cours 8 Mise en forme du sous-menu
    13 min
  33. Cours 9 Mise en forme du sous-menu du sous-menu
    16 min
  34. Cours 10 Mise en forme du sous-menu du sous-menu
    10 min
  35. Cours 11 Mise en forme du sous-menu du sous-menu pour mobile
    5 min
  36. Cours 12 Mise en forme du sous-menu du sous-menu pour mobile
    8 min
  37. Cours 13 Mise au point avant de continuer
    8 min
  38. Cours 14 Mise en place du Mega Menu
    8 min
  39. Cours 15 Mise en forme du Mega Menu
    11 min
  40. Cours 16 Mise en forme du Mega Menu
    12 min
  41. Cours 17 Mise en forme du Mega Menu
    6 min
  42. Cours 18 Aller plus loin - mise en forme du Mega Menu
    7 min
  43. Cours 19 Aller plus loin - mise en forme du Mega Menu
    5 min
  44. Episode 1 Cours 3 Méthodologie de création de l'interface graphique
    3 min
  45. Episode 1 Cours 4 Mise en place de page de connexion
    9 min
  46. Episode 1 Cours 5 Positionnement des éléments HTML
    12 min
  47. Episode 1 Cours 6 Création du contenu de la page
    9 min
  48. Episode 1 Cours 7 Designer la page de connexion
    19 min
  49. Episode 1 Cours 8 Designer la page de connexion
    12 min
  50. Episode 1 Cours 9 Mise en place du contenu de la page d'inscription
    20 min
  51. Episode 1 Cours 10 Designer le contenu de la page d'inscription
    18 min
  52. Episode 1 Cours 11 Designer le contenu de la page d'inscription
    13 min
  53. Episode 1 Cours 12 Designer le contenu de la page d'inscription
    6 min
  54. Episode 1 Cours 13 Designer le contenu de la page d'inscription
    16 min
  55. Episode 1 Cours 14 Fin de l'épisode 1
    4 min
  56. Episode 1 Cours 15 Bonus Episode 2
    1 min
  57. Episode 1 Cours 16 Fin du bonus
    5 min
  58. Episode 2 Cours 3 Positionnement des éléments de la page d'accueil
    12 min
  59. Episode 2 Cours 4 Mise en place du menu du site
    13 min
  60. Episode 2 Cours 5 Designer le menu
    5 min
  61. Episode 2 Cours 6 Designer le menu (partie 1)
    12 min
  62. Episode 2 Cours 7 Designer le menu (partie 2)
    17 min
  63. Episode 2 Cours 8 Designer le menu
    12 min
  64. Episode 2 Cours 9 Gérer l'aspect responsive du menu
    10 min
  65. Episode 2 Cours 10 Gérer l'aspect responsive du menu
    8 min
  66. Episode 2 Cours 11 Mise en place du menu gauche
    7 min
  67. Episode 2 Cours 12 Mise en place du menu gauche
    8 min
  68. Episode 2 Cours 13 Mise en place du menu gauche
    4 min
  69. Episode 2 Cours 14 Mise en place de la liste des amis_1
    16 min
  70. Episode 2 Cours 15 Fixer la liste des amis à la page
    7 min
  71. Episode 2 Cours 16 Mise en page des stories
    7 min
  72. Episode 2 Cours 17 Désigner les stories_1
    13 min
  73. Episode 2 Cours 18 Designer les stories
    12 min
  74. Episode 2 Cours 19 Mise en page de la partie de création de post
    9 min
  75. Episode 2 Cours 20 Designer la partie de création de post
    16 min
  76. Episode 2 Cours 21 Mise en page de post Modal
    10 min
  77. Episode 2 Cours 22 Mise en page de post Modal
    8 min
  78. Episode 2 Cours 23 Designer la page de post Modal
    15 min
  79. Episode 2 Cours 24 Designer la page de post Modal
    13 min
  80. Episode 2 Cours 25 Designer le modal de publication d'article
    17 min
  81. Episode 2 Cours 26 Designer la page de post Modal
    8 min
  82. Episode 2 Cours 27 Mise en place des posts
    11 min
  83. Episode 2 Cours 28 Mise en place des posts
    6 min
  84. Episode 2 Cours 29 Designer les posts
    13 min
  85. Episode 2 Cours 30 Designer les posts
    8 min
  86. Episode 2 Cours 31 Mise en page des commentaires
    8 min
  87. Episode 2 Cours 32 Designer les commentaires
    19 min
  88. Episode 2 Cours 33 Designer les commentaires
    9 min
  89. Episode 2 Cours 34 Mise en place de l'interface de chat
    17 min
  90. Episode 2 Cours 35 Designer l'entête de l'interface de chat
    13 min
  91. Episode 2 Cours 36 Designer l'entête de l'interface de chat
    12 min
  92. Episode 2 Cours 37 Designer contenu de l'interface de chat
    15 min
  93. Episode 2 Cours 38 Designer contenu de l'interface de chat
    11 min
  94. Episode 2 Cours 39 Designer contenu de l'interface de chat
    11 min
  95. Episode 2 Cours 40 Designer contenu de l'interface de chat
    10 min