CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Créer des Menus Modernes avec Flexbox

Créer des Menus Modernes avec Flexbox

Menu avec une liste de liens
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation de Flexbox pour les Menus

Objectifs

L'objectif de cette vidéo est d'enseigner comment utiliser flexbox pour créer des menus sans les problèmes de white space, et de rendre votre code plus moderne et robuste.

Résumé

Découvrez comment utiliser flexbox pour créer des menus modernes et résoudre les problèmes de white space en CSS.

Description

Dans cette leçon, nous explorons la manière de créer des menus en utilisant flexbox pour éviter les problèmes liés au white space qui surviennent avec la propriété display inline block. Nous commencerons par désactiver les propriétés CSS existantes qui génèrent des espaces blancs indésirables entre les éléments du menu. Ensuite, nous introduirons flexbox et illustrerons comment il aligne parfaitement les éléments du menu, tout en offrant une flexibilité supérieure qu'avec d'autres méthodes. Grâce à justify-content, vous apprendrez à positionner les éléments à gauche, au centre ou à droite de l'écran, de manière intuitive.

Voir plus

Questions fréquentes

Pourquoi faut-il éviter d'utiliser display inline block pour les menus?
Parce qu'il génère des espaces blancs indésirables entre les éléments du menu, nécessitant des solutions moins raffinées comme la modification de la taille de la police.
Quelles propriétés de flexbox sont particulièrement utiles pour créer des menus?
Les propriétés justify-content et align-items sont très utiles pour aligner et distribuer les éléments de façon précise et flexible.
Comment flexbox améliore-t-il la robustesse du code CSS pour les menus?
Flexbox simplifie l'alignement des éléments et réduit la nécessité de manipulations CSS complexes, ce qui rend le code plus propre et plus facile à maintenir.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !