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.
Table des matières de cette formation CSS (durée : 38m06s)
-
L'espace
- Cibler un élément HTML grâce à l'espace 00:04:29
- Cibler des éléments HTML grâce à l'espace 00:03:00
- Encore plus complexe 00:06:35
- Conclusion 00:00:56
-
Le symbole +
- Cibler un élément HTML grâce au symbole + gratuit 00:02:32
- Encore plus complexe 00:06:29
- Conclusion 00:01:00
-
Le symbole >
- Cibler un élément HTML grâce au symbole > 00:02:16
- Encore plus complèxe 00:02:53
- Conclusion 00:00:46
-
Le symbole ~
- Cibler un élément HTML grâce au symbole ~ 00:02:32
- Encore plus complexe 00:01:26
- Conclusion 00:00:39
-
Conclusion
- Conclusion 00:02:33
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce tuto. C'est franchement une réinitialisation pour moi. Les combinateurs sont vraiment puissants s'ils sont bien utilisés. Merci d'expliquer si simplement l'utilité de ses outils. Validé 100 % Les combinateurs
-
Comme beaucoup d’entre nous, j’avais des connaissances théoriques sur les combinateurs mais sans être capable de les utiliser. Avec votre tuto, tout devient clair et lumineux ! Bon après, la touche repaeat du lecteur vidéo est un peu usée ;) Maintenant je suis capable de les utiliser et surtout , je comprends bien mieux leur intérêt ! Comme vous le dite dans la conclusion, à nous de tester et d’imaginer. Avec votre tuto, tout devient possible. Donc encore une fois merci et au prochain ;)
-
Clarifie rapidement les techniques de sélecteurs qui prennent la tête si elles sont mal comprises. Merci d'aller à l'essentiel. Ceci-dit au niveau maintenance ce n'est surement pas la meilleure méthode à adopter.
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés