Formation incluse dans l'abonnement Elephorm
Les objectifs de cette vidéo sont de :
Cette leçon explique le positionnement relatif en CSS et ses applications pratiques pour une mise en page précise.
Dans cette leçon, nous explorons en détail le positionnement relatif, un concept souvent moins utilisé en CSS, mais très puissant. Nous commençons par voir comment placer des images les unes à côté des autres, en supprimant les espaces indésirables entre elles. Ensuite, nous attribuons des identifiants aux images et appliquons le positionnement relatif pour les déplacer par rapport à leur point d'origine. Nous paramétrons des coordonnées left et top pour contrôler leur emplacement précis. Nous découvrons que, malgré leur déplacement, l'espace initial occupé par ces éléments reste réservé dans le flux du document. Cela mène à une compréhension approfondie sur la manière dont les éléments en positionnement relatif interagissent avec le reste du contenu de la page. Enfin, nous terminons la leçon en abordant l'utilisation potentielle de la propriété z-index pour gérer la superposition des éléments, ce qui est particulièrement utile dans des mises en page complexes.
