Les positions CSS : Absolute, Relative, Fixed, et Static

Dans ce tuto vidéo, je vous propose de découvrir les positions CSS : absolute, relative, fixed, et static que toute personne qui souhaite faire de l'intégration doit connaître et maîtriser, puisqu'on les retrouve dans toutes les intégrations HTML / CSS.

Au programme de ce tuto dédié aux positions CSS

Le tuto se divise en deux chapitres : un premier dans lequel vous découvrirez le fonctionnement de ces différentes positions, et un second, réservé à la pratique dans des mises en situations concrètes. Au cours d'une série d'exercices, nous verrons qu'elles peuvent nous servir à :

• fixer des éléments sur le viewport (navigation fixe, boutons de réseaux sociaux)
• superposer des éléments
• l'intégration de petits éléments graphiques en utilisant les pseudo éléments :before et :after (décorations sur des titres, icônes sous des liens ..)
• faciliter l'intégration de manière globale quand elles sont bien utilisées

Le responsive est bien sur prit en compte dans ce tuto, et nous verrons comment gérer le positionnement des éléments sur toutes les résolutions
À la fin de ce tuto vous saurez : non seulement reproduire les exemples présentés, mais aussi vous servir de ces positions lors de toutes vos futures intégrations.

Je reste disponible dans le salon d'entraide pour répondre à vos questions.