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
-
Mêmme si le positionnement en CSS moderne s'oriente vers "Flexbox" et "Grid Layout", certes plus puissant et plus facile à utiliser que l'ancien mode, il est toujours bon de connaître la méthode "antique" ne serait qu'à des fins de culture générale front-end mais aussi utilitariste (ex. : maintien d'anciens sites). Le tuto de Carl reste donc fort utile. Ce dernier nous présente ici les différents positionnement de manière simple et claire ; les pertinents exercices de démonstration permettent d'assimiler facilement les explications.
-
Merci pour ce très bon tutoriel
-
Au vu de l'évolution des techniques de positionnement CSS, l'on pourrait (malheureusement) être tenté de zapper cet excellent petit tuto. Il n'en reste pas moins indispensable pour ceux qui veulent acquérir une vraie culture CSS. Pour le reste, c'est net, clair, précis et sans bavure, bref, du Carl Brison à l'état pur !
-
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