Dans ce tuto en vidéo, nous allons étudier de près les pseudo éléments du CSS 3.
Nous allons d'abord comprendre leur sens.
Pourquoi ils existent et à quoi ils servent précisément.
Tout l'apprentissage de la compréhension des pseudo éléments se fera au travers de divers exemples afin de comprendre toute la puissance de cette technologie CSS.
On peut faire des choses vraiment intéressantes côté Front-End, rien qu'avec du CSS et des pseudo-éléments.
Alors pourquoi se priver de cette connaissance !
A la fin de ce cours sur les pseudos éléments, un QCM vous permettra de valider vos connaissances.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Bonne découverte !
Table des matières de cette formation CSS (durée : 52m50s)
-
Présentation
- Qu'est-ce qu'un pseudo élément gratuit 00:04:05
- Les pseudo éléments officiels gratuit 00:02:34
-
Le pseudo élément before
- Affichage d'un contenu textuel gratuit 00:05:41
- Affichage d'un contenu image 00:02:19
- Coupler pseudo élément avec pseudo classe 00:06:40
-
Le pseudo-élément after
- Affichage d'un contenu textuel 00:01:10
- Ajout d'un caractère de soulignement 00:03:49
- Couplage avec une pseudo classe 00:01:52
- Manipulation d'image 00:07:16
-
Le pseudo-élément first-letter
- Ciblage des paragraphes 00:02:01
- Ciblage du premier paragraphe 00:02:30
-
Le pseudo-élément first-line
- Ciblage des paragraphes 00:01:20
- Ciblage du premier paragraphe 00:03:36
-
Autres pseudo-éléments
- La sélection 00:02:49
- Le placeholder 00:04:14
-
Conclusion
- Conclusion 00:00:54
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour c'est précisions bien utile et comme toujours d'une très grande pédagogie 😉👍
-
Bien que italien je n'ai eu acune difficulté à suivre votre cours. Cela faisait beaucoup de temps que j'avais étudié les pseudo élément sans vraiment bien les comprendre: et voila, maintenant c'est fait. Merci! Raffaele
-
Bravo, encore un tuto très bien expliqué qui m'a permis d'acquérir de nouvelles connaissances, lesquelles me donneront la possibilité de mettre en place des effets "originaux" dans mes futures pages web. Merci Monsieur Carl Brison pour cet excellent tuto qui m'a beaucoup plu, comme tous vos tutos d'ailleurs !
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés