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.
Table des matières de cette formation CSS (durée : 48m09s)
-
- Le positionnement absolu 00:05:00
- Le positionnement relatif 00:03:57
- Superposition de contenus 00:10:10
- La propriété z-index 00:02:40
- Le positionnement fixe 1/2 00:08:49
- Le positionnement fixe 2/2 00:05:14
- Le positionnement statique 00:01:00
- La propriété float 00:03:32
- La propriété clear 00:05:21
- Conclusion 00:02:26
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci pour ce super tuto ! Cela résume super bien les bases.
-
Pour le débutant que je suis, merci .
-
Je ne connaissais pas très bien le positionnement en CSS. Une connaissance a essayé de m'expliquer mais pas simple. Pour le coup, le tuto est limpide et simple. J'ai tout compris. Merci beaucoup.
-
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
note moyenne
avis laissés