Introduction à la formation HTLM5 et CSS3
Les bases de la mise en page
La mise en page avancée
Autres sélecteurs et propriétés
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer la manière dont on peut ajuster la mise en page en utilisant des éléments flottants en CSS. Nous verrons notamment comment positionner des images flottantes à droite ou à gauche, et les implications sur le contenu adjacent. Nous allons également examiner les problèmes courants tels que le débordement des éléments parentaux en raison des éléments flottants et introduire des techniques pour annuler ces flottements avec des classes appropriées.
Nous commencerons par créer une nouvelle feuille de style dédiée aux éléments flottants et ajusterons les marges pour améliorer la lisibilité du texte autour des images. Finalement, nous traiterons de l'annulation des flottements pour garantir que les éléments de bas de page comme le footer soient correctement positionnés en dessous des éléments flottants.
Objectifs de cette leçon
À la fin de cette vidéo, vous serez capable de :
- Utiliser des éléments flottants pour la mise en page.
- Résoudre les problèmes de débordement causés par les éléments flottants.
- Améliorer la lisibilité du texte adjacent aux images flottantes.
Prérequis pour cette leçon
Avoir des notions de base de HTML et CSS.
Métiers concernés
Les compétences acquises dans cette leçon sont particulièrement utiles pour les développeurs front-end, les web designers, et les intégrateurs web.
Alternatives et ressources
Vous pouvez également explorer l'utilisation de Flexbox ou CSS Grid pour des solutions de mise en page plus modernes.
Questions & Réponses
Je m'abonne