CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Maîtrisez le Positionnement avec Flexbox

Maîtrisez le Positionnement avec Flexbox

Le container - les items - flex
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
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à Flexbox

Objectifs

Les objectifs de cette vidéo sont de vous faire découvrir les bénéfices de Flexbox, de savoir l'implémenter dans vos projets, et de comprendre les différentes propriétés associées.

Résumé

Découvrez comment Flexbox révolutionne le positionnement des éléments en CSS, rendant les méthodes traditionnelles comme les float obsolètes.

Description

Dans cette leçon, nous explorerons comment utiliser la propriété flex pour créer des layouts efficaces et modernes. Flexbox permet de positionner les éléments de manière fluide, les uns à côté des autres ou les uns en dessous des autres, sans les complications des méthodes traditionnelles comme les floats. Nous commencerons par définir un contexte flex, avec un exemple concret mettant en place un container flex. Nous couvrirons les propriétés essentielles de Flexbox telles que display: flex et inline-flex. Vous verrez comment les éléments enfants réagissent à ce contexte et comment manipuler leur ordre facilement. Cette technique est aujourd'hui incontournable pour tout développeur web cherchant à créer des interfaces utilisateur réactives et bien organisées.

Voir plus

Questions - réponses

Qu'est-ce qu'un contexte flex?
Un contexte flex est un container dans lequel les éléments enfants sont positionnés en utilisant la propriété flex.
Quelle est la différence entre 'display: flex' et 'display: inline-flex'?
'display: flex' crée un container block, tandis que 'display: inline-flex' crée un container inline.
Quels sont les avantages d'utiliser Flexbox par rapport aux floats?
Flexbox permet un positionnement plus fluide et flexible des éléments, sans les complications et limitations des floats.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 5 months
Commentaire
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 1 year
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
Commentaire
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 3 years
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !