Tutoriel CSS Positionnement : Apprendre CSS pour débutants

Aujourd’hui, je commence une série pour vous apprendre CSS, des bases aux concepts avancés.

Dans cette vidéo, je vais vous expliquer toutes les propriétés de positionnement en CSS : *static*, *relative*, *absolute*, *fixed* et *sticky*.

Apprenez à positionner vos éléments comme un pro !

Petits rappels :

▪ Position static : C’est la position par défaut des éléments HTML, elle n’a aucun effet.

▪ Position relative : Conserve sa position initiale et peut être déplacée par rapport à celle-ci.

▪ Position absolute : Par défaut, elle se positionne par rapport à l’ancêtre le plus proche (souvent la balise <body>). Si vous définissez *position relative* sur un élément parent, alors le positionnement se fera dans ce contexte.

▪ Position fixed : L’élément est extrait du flux du document et fixé à la fenêtre de visualisation (*viewport*).

▪ Position sticky : Alterne entre *static* et *fixed*.

N’oubliez pas de regarder : *« Devez-vous devenir ingénieur logiciel ? »*