CSS Avancé : Comprendre les pseudos éléments
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
52m50
de formation
16
leçons vidéo
7
chapitres
Intermédiaire
niveau requis
Carl Brison
Carl Brison
Formateur certifié

CSS Avancé : Comprendre les pseudos éléments

4.8/5 Trustpilot (1400 avis) Satisfait ou remboursé
52m50
de formation
16
leçons vidéo
7
chapitres

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Présentation
Chapitre 2
Le pseudo élément before
Chapitre 3
Le pseudo-élément after
Chapitre 4
Le pseudo-élément first-letter
Chapitre 5
Le pseudo-élément first-line
Chapitre 6
Autres pseudo-éléments
Chapitre 7
Conclusion

Table des matières

Chapitre 1 : Présentation

06m39
 
Leçon 1Qu'est-ce qu'un pseudo élément
Leçon 2Les pseudo éléments officiels

Chapitre 2 : Le pseudo élément before

14m40
 
Leçon 1Affichage d'un contenu textuel
Leçon 2Affichage d'un contenu image
Leçon 3Coupler pseudo élément avec pseudo classe

Chapitre 3 : Le pseudo-élément after

14m07
 
Leçon 1Affichage d'un contenu textuel
Leçon 2Ajout d'un caractère de soulignement
Leçon 3Couplage avec une pseudo classe
Leçon 4Manipulation d'image

Chapitre 4 : Le pseudo-élément first-letter

04m31
 
Leçon 1Ciblage des paragraphes
Leçon 2Ciblage du premier paragraphe

Chapitre 5 : Le pseudo-élément first-line

04m56
 
Leçon 1Ciblage des paragraphes
Leçon 2Ciblage du premier paragraphe

Chapitre 6 : Autres pseudo-éléments

07m03
 
Leçon 1La sélection
Leçon 2Le placeholder

Chapitre 7 : Conclusion

54s
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
136
Apprenants
10
Commentaires
5/5
Note moyenne
5/5
10
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 29/01/2023
Merci Carl pour ce cours sur les pseudo-éléments en CSS ! J’ai particulièrement apprécié la clarté de vos explications sur l’utilisation de `::before` et `::after` pour enrichir le design sans ajouter d’éléments HTML supplémentaires. L’exemple du surlignage progressif au survol d’un titre m’a vraiment permis de comprendre la puissance de ces outils. C’est une approche élégante et efficace que je vais appliquer immédiatement dans mes projets ! Validé 100%. 👍
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Philippe Piatti
Philippe Piatti
Publié le 15/11/2022
Merci Carl pour c'est précisions bien utile et comme toujours d'une très grande pédagogie 😉👍
Carl Brison
Carl Brison
Merci beaucoup pour ton commentaire super gentil ;-)
Raffaele Scaglione
Raffaele Scaglione
Publié le 12/12/2021
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
Carl Brison
Carl Brison
Votre commentaire me fait super plaisir ! Merci beaucoup ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
52m50 de vidéo • 7 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 777 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1429 tutos gratuits

Notre politique de protection des données