Les différents types de positionnement en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Les différents types de positionnement en CSS

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS en vidéo, je vous propose de tout comprendre sur les positionnements en CSS.
Nous allons aborder dans ce cours, les 4 propriétés CSS liées au positionnement, à savoir :

  • absolute,
  • relative,
  • fixed,
  • static.

Il est très utile de connaître le fonctionnement de ces propriétés, lorsque l'on est développeur front-end.
Évidemment, on ne se servira pas de ces propriétés pour faire des mises en page de sites internet ! Pour cela nous avons le CSS moderne, à savoir flexbox et CSS-Grid.

En revanche, ces propriétés peuvent nous rendre service dans certaines situations.
Il ne faut donc pas se priver de cette connaissance !

Nous verrons également les propriétés z-index, float et clear qui nous permettront là aussi de résoudre un certain nombres de situations.

Je reste disponible dans le salon d'entraide de ce cours pour répondre à vos éventuelles questions.
Un QCM est fourni avec ce tuto pour valider vos nouvelles connaissances en positionnement CSS.

Bonne formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Le positionnement absolu
Leçon 2
Le positionnement relatif
Leçon 3
Superposition de contenus
Leçon 4
La propriété z-index
Leçon 5
Le positionnement fixe 1/2
Leçon 6
Le positionnement fixe 2/2
Leçon 7
Le positionnement statique

Plan détaillé du cours

Leçon 1Le positionnement absolu
05m
Leçon 2Le positionnement relatif
03m57s
Leçon 3Superposition de contenus
10m10s
Leçon 4La propriété z-index
02m40s
Leçon 5Le positionnement fixe 1/2
08m49s
Leçon 6Le positionnement fixe 2/2
05m14s
Leçon 7Le positionnement statique
01m
Leçon 8La propriété float
03m32s
Leçon 9La propriété clear
05m21s
Leçon 10Conclusion
02m26s

Avis des apprenants

Détail des avis
56
Apprenants
17
Commentaires
5/5
Note moyenne
5/5
17
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 31/01/2023
Merci Carl pour ce cours. C'est des rappels importants qu'un dev front doit absolument connaître. Cours clair et bien expliqué. Validé 100 % le positionnement en CSS.
Carl Brison
Carl Brison
Merci pour votre commentaire, Alain ;-)
Sylvie Entzmann
Sylvie Entzmann
Publié le 11/06/2022
Excellent, simple et efficace. Merci !
Carl Brison
Carl Brison
Merci beaucoup ;-)
Valérie Crouau
Valérie Crouau
Publié le 24/12/2021
Excellent tuto, bien expliqué et très efficace, comme tous les tutos de Monsieur Carl Brison d'ailleurs ! 🎄🎄🎄🎄🎄🎄🎄 Joyeux Noël ! 🎄🎄🎄🎄🎄🎄🎄
Carl Brison
Carl Brison
Merci beaucoup ;-) Passez de Joyeuses Fêtes de fin d'année et au très grand plaisir de vous revoir l'année prochaineValérie ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 2, CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1335 tutos gratuits

Notre politique de protection des données