Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Dans ce tuto CSS3, vous allez apprendre à manipuler de nouveaux sélecteurs pour optimiser vos développements frontend. Ces sélecteurs CSS vous permettront de limiter l'utilisation de classes dans vos documents HTML et CSS et des manipulations parfois hasardeuses.
Au programme de ce tuto sélecteurs CSS
De la création d'une lettrine en passant par la gestion d'une liste gérant l'affichage de lignes paires ou impaires, vous testerez également la puissance de la propriété CSS content. Nous verrons également comment sélectionner des éléments HTML voisins directs, indirects et même comment sélectionner un élément en fonction de la valeur d'un de ses attributs. Nous verrons bien d'autres notions (voir la table des matières plus bas).
Bonne formation à vous !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Sélection par attribut
Sélection par attribut
Chapitre 3
Sélection par référence
Sélection par référence
Chapitre 4
Sélection par pseudo-classes
Sélection par pseudo-classes
Chapitre 5
Sélection par pseudo-éléments
Sélection par pseudo-éléments
Chapitre 6
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Introduction
59s
Leçon 1Introduction
Chapitre 2 : Sélection par attribut
10m20
Leçon 1Sélection par attribut avec valeur exacte
Leçon 2Sélection par attribut avec début de la valeur
Leçon 3Sélection par attribut avec fin de la valeur
Leçon 4Sélection par attribut avec une partie de la valeur
Chapitre 3 : Sélection par référence
08m06
Leçon 1Sélection d'enfant
Leçon 2Sélection de voisin direct
Leçon 3Sélection de voisin direct ou indirect
Chapitre 4 : Sélection par pseudo-classes
14m11
Leçon 1:first-child et :last-child
Leçon 2:only-child
Leçon 3:empty
Leçon 4:nth-child()
Leçon 5:nth-of-type()
Leçon 6:not()
Chapitre 5 : Sélection par pseudo-éléments
12m54
Leçon 1::first-line
Leçon 2::first-letter
Leçon 3::before et ::after
Chapitre 6 : Conclusion
28s
Leçon 1Conclusion
Aperçus
Avis des apprenants