CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Utilisation des Sélecteurs de Classes en CSS

Utilisation des Sélecteurs de Classes en CSS

Le sélécteur de classe
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux Sélecteurs de Classes

Objectifs

À la fin de cette vidéo, vous saurez comment utiliser les classes CSS pour styliser plusieurs éléments, appliquer des styles de manière hiérarchique et cumuler des classes sur un même élément.

Résumé

Découvrez comment utiliser les sélécteurs de classes en CSS pour styliser efficacement plusieurs éléments sur votre page web.

Description

Dans cette leçon, nous explorerons l'utilisation des sélecteurs de classes en CSS, un outil puissant pour appliquer des styles à plusieurs éléments avec une seule déclaration. Contrairement aux identifiants qui doivent être uniques, les classes peuvent être attribuées à plusieurs éléments, permettant ainsi une plus grande flexibilité et modulabilité dans votre code.
Nous commencerons par supprimer les identifiants et les styles CSS existants pour poser des classes sur notre balise article et définir des styles comme le background-color. Nous observerons également comment nommer les classes de manière fonctionnelle et non graphique, une approche qui fait débat parmi les développeurs. Ensuite, nous démontrerons comment utiliser des classes sur différents éléments HTML (par exemple, les balises h2) pour appliquer les mêmes styles et comment cumuler plusieurs classes sur un même élément pour plus de spécificité. Enfin, nous explorerons les sélecteurs hiérarchiques et le cumul de classes pour un contrôle encore plus granulaire sur le style appliqué.

Voir plus

Questions fréquentes

Quel est l'intérêt principal des classes CSS par rapport aux identifiants ?
Les classes CSS peuvent être utilisées plusieurs fois sur une page, contrairement aux identifiants qui doivent être uniques, permettant ainsi une stylisation plus flexible et modulable.
Comment appelle-t-on une classe en CSS ?
Pour appeler une classe en CSS, on utilise un point (.) suivi du nom de la classe, par exemple `.bg`.
Peut-on cumuler plusieurs classes sur un même élément HTML ?
Oui, il est possible de cumuler plusieurs classes sur un même élément HTML en les séparant par un espace comme suit : `class='bg color'`.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 9 mois
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 an
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !