Créez une barre de compétence animée en CSS3
Créez une barre de compétence animée en CSS3
Dans ce tuto dédié au CSS expert, nous allons passer en revu les combinateurs afin de nous permettre de sélectionner encore mieux nos éléments HTML.
Qu'est-ce qu'un combinateur CSS ?
Un combinateur CSS nous permet de combiner différents sélecteurs afin d'améliorer notre feuille de style.
L'idée étant d'avoir un code HTML le plus pur possible, c'est-à-dire en limitant au maximum l'appel aux attributs "classe" et "id".
Dans ce tuto, je me propose de vous familiariser avec les combinateurs CSS.
Il est fortement recommandé de connaître les bases du CSS afin de pouvoir suivre ce tuto.
Si tel n'est pas le cas, vous pouvez apprendre les bases du CSS ici.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
L'espace
L'espace
Chapitre 2
Le symbole +
Le symbole +
Chapitre 3
Le symbole >
Le symbole >
Chapitre 4
Le symbole ~
Le symbole ~
Chapitre 5
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : L'espace
15m
Leçon 1Cibler un élément HTML grâce à l'espace
Leçon 2Cibler des éléments HTML grâce à l'espace
Leçon 3Encore plus complexe
Leçon 4Conclusion
Chapitre 2 : Le symbole +
10m01s
Leçon 1Cibler un élément HTML grâce au symbole +
Leçon 2Encore plus complexe
Leçon 3Conclusion
Chapitre 3 : Le symbole >
05m55s
Leçon 1Cibler un élément HTML grâce au symbole >
Leçon 2Encore plus complèxe
Leçon 3Conclusion
Chapitre 4 : Le symbole ~
04m37s
Leçon 1Cibler un élément HTML grâce au symbole ~
Leçon 2Encore plus complexe
Leçon 3Conclusion
Chapitre 5 : Conclusion
02m33s
Leçon 1Conclusion
Avis des apprenants