CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Maîtriser les Pseudo-Classes CSS pour un Style Avancé

Maîtriser les Pseudo-Classes CSS pour un Style Avancé

Les autres pseudo classes
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 Pseudo-Classes

Objectifs

Les objectifs de cette vidéo sont de comprendre et d'appliquer les pseudo-classes CSS pour styliser des éléments HTML spécifiques de manière efficace et avancée.

Résumé

Apprenez à utiliser les pseudo-classes CSS pour cibler et styliser des éléments spécifiques sur votre page HTML.

Description

Cette leçon aborde l'utilisation avancée des pseudo-classes CSS, indispensables pour cibler et styliser des éléments spécifiques au sein de votre code HTML. Nous explorerons des pseudo-classes telles que :first-child, :last-child, et :nth-child, permettant de sélectionner respectivement le premier, le dernier et un élément selon un certain indice parmi une suite d'éléments similaires.

Vous apprendrez également à utiliser les pseudo-classes pour des applications pratiques comme la mise en forme de tableaux, en attribuant des styles automatiquement à certaines lignes. Par exemple, le pseudo-élément :first-letter vous permettra de créer une lettrine en stylisant la première lettre de chaque paragraphe, tandis que :first-line modifie l'apparence de la première ligne de chaque paragraphe, s'adaptant dynamiquement à la taille de la fenêtre du navigateur.

Pour ceux souhaitant assurer la compatibilité avec les anciens navigateurs, nous couvrirons également les différences entre les écritures CSS2 et CSS3 des pseudo-classes. Cet apprentissage est essentiel pour garantir une expérience utilisateur cohérente et optimale à travers divers contextes de navigation.

Voir plus

Questions - réponses

Quelle pseudo-classe permet de cibler le premier élément d'une suite d'éléments similaires?
La pseudo-classe :first-child permet de cibler le premier élément d'une suite d'éléments similaires.
Comment peut-on styliser la première lettre de chaque paragraphe?
On peut utiliser la pseudo-classe ::first-letter pour styliser la première lettre de chaque paragraphe.
Quelle est la différence entre les écritures de pseudo-classes en CSS2 et CSS3?
En CSS2, les pseudo-classes s'écrivent avec un seul deux-points (:), tandis qu'en CSS3, elles s'écrivent avec deux deux-points (::). Cependant, pour des raisons de compatibilité avec les anciens navigateurs, on peut continuer à utiliser l'écriture avec un seul deux-points.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 5 months
Commentaire
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 year
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
Commentaire
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 3 years
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !