CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comprendre les Propriétés Flex Direction et Flex Display en CSS

Comprendre les Propriétés Flex Direction et Flex Display en CSS

Flex direction
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

À la fin de cette vidéo, vous serez capable de :


- Utiliser les propriétés flex direction pour contrôler l'axe principal des éléments.
- Manipuler les valeurs row, row-reverse, column, et column-reverse.
- Appliquer ces connaissances pour créer des mises en page dynamiques et responsives.

Découvrez comment utiliser les propriétés flex direction et flex display pour agencer vos éléments HTML avec flexbox en CSS.

Dans cette leçon, nous explorons en détail les propriétés CSS flex direction et flex display. Vous apprendrez à manipuler l'axe principal de vos éléments en utilisant divers paramètres comme row, row-reverse, column, et column-reverse. Ces propriétés jouent un rôle crucial dans la mise en page des sites web, permettant aux développeurs de contrôler l'ordre et l'orientation des éléments à l'intérieur d'un conteneur flex.

Commencez par ajuster la taille de vos éléments pour mieux visualiser les effets des propriétés appliquées. Vous verrez également comment inverser l'ordre des éléments en utilisant les valeurs reverse. En maîtrisant ces concepts, vous pourrez créer des dispositions flexibles et adaptatives pour divers appareils.

Voir plus
Questions réponses
Quelle est la valeur par défaut de la propriété flex direction en CSS ?
La valeur par défaut de la propriété flex direction est row.
Comment la valeur row-reverse affecte-t-elle l'affichage des éléments ?
La valeur row-reverse inverse l'ordre des éléments le long de l'axe principal, affichant les éléments de droite à gauche.
Quelle est la différence entre column et column-reverse ?
La valeur column affiche les éléments verticalement de haut en bas, tandis que column-reverse les affiche de bas en haut.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 9 mois
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 an
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 !