CSS, améliorer facilement le visuel des liens d'une barre de nav
CSS, améliorer facilement le visuel des liens d'une barre de nav
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
Présentation
Chapitre 2
Le pseudo élément before
Le pseudo élément before
Chapitre 3
Le pseudo-élément after
Le pseudo-élément after
Chapitre 4
Le pseudo-élément first-letter
Le pseudo-élément first-letter
Chapitre 5
Le pseudo-élément first-line
Le pseudo-élément first-line
Chapitre 6
Autres pseudo-éléments
Autres pseudo-éléments
Chapitre 7
Conclusion
Conclusion
Plan détaillé du cours
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
54
Leçon 1Conclusion
Avis des apprenants