Comment utiliser float pour positionner des éléments
Objectifs
Les objectifs de cette vidéo sont d'introduire la notion de float en CSS, de montrer comment l'utiliser pour aligner des éléments, et de discuter des défis et solutions liés à son utilisation.
Résumé
Cette leçon aborde l'utilisation de la propriété float en CSS afin de positionner des éléments côte à côte dans une page web.
Description
Dans cette leçon, nous explorons la propriété float en CSS, une notion essentielle pour la mise en page web. Historiquement, float a été largement utilisé pour créer des mises en page complexes, mais il pose plusieurs défis, notamment en ce qui concerne la gestion de la hauteur des éléments parents et la disposition des éléments suivants. Nous montrons comment placer une image et du texte côte à côte en utilisant float: left, et comment gérer les espaces entre eux grâce à la propriété margin. Nous expliquons également comment rétablir la hauteur correcte des éléments parents en utilisant des éléments de clarification tels que clear. La leçon aborde les problèmes courants liés à l'utilisation de float et propose des solutions pour s'en occuper efficacement, tout en évoquant les alternatives modernes comme Flexbox et Grid.
Questions fréquentes
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de feuilles de style
Module 3 - Les bases des propriétés de style ou les principales propriété de style
La mise à disposition des sources est un atout supplémentaire pour mettre imédiatement en pratique le cours.
De plus M AUDOUX agrémenta son discours d'informations pratiques qui seront utile lors de la mise en pratique