CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Styler les Liens de Votre Site Web avec les Pseudo-Classes CSS

Styler les Liens de Votre Site Web avec les Pseudo-Classes CSS

Les pseudo classes de liens
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 Pseudo-Classes de Liens en CSS

Objectifs

Les objectifs de cette vidéo sont d'enseigner comment :

  • Utiliser les pseudo-classes pour styliser les liens en CSS.
  • Améliorer la rétroaction visuelle pour une meilleure interaction utilisateur.
  • Assurer l'accessibilité pour les utilisateurs ayant des déficiences visuelles.

Résumé

Cette vidéo traite de l'utilisation des pseudo-classes CSS pour styliser les liens d'un site web. Apprenez à créer des effets au survol et à améliorer l'accessibilité.

Description

Dans cette leçon, nous explorons l'utilisation des pseudo-classes et des pseudo-éléments CSS pour styliser les liens sur un site web. Vous apprendrez à :

  • Appliquer des styles de base aux liens avec la propriété color.
  • Utiliser :hover pour créer des interactions lors du survol de la souris.
  • Gérer les états de lien comme :link et :visited.
  • Modifier l'apparence des liens au clic avec :active.
  • Améliorer l'accessibilité avec la pseudo-classe :focus.

Cette vidéo est conçue pour vous donner une compréhension complète de la manière dont les pseudo-classes peuvent améliorer l'expérience utilisateur en rendant les liens plus intuitifs et accessibles.

Voir plus

Questions fréquentes

Qu'est-ce qu'une pseudo-classe en CSS ?
Une pseudo-classe en CSS est utilisée pour définir un style spécial pour l'état d'un élément, comme :hover pour les interactions au survol.
Quelle propriété CSS est utilisée pour retirer le soulignement d'un texte ?
La propriété CSS utilisée pour retirer le soulignement d'un texte est 'text-decoration: none'.
Comment améliorer l'accessibilité des liens pour les utilisateurs non voyants ?
Pour améliorer l'accessibilité, on peut utiliser la pseudo-classe :focus avec des styles comme 'background-color' pour aider les utilisateurs utilisant la touche de tabulation.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 11 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 2 ans
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 !