Comment styliser les liens HTML avec les pseudo-classes CSS

Sélecteurs d'hyperliens
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 2
Revoir le teaser Je m'abonne
1,0
Transcription

39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
1,0
39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

L'objectif de cette vidéo est d'apprendre à utiliser les pseudo-classes CSS pour styliser les liens selon différents états, afin de créer des interfaces utilisateur attrayantes et intuitives.

Découvrez comment utiliser les pseudo-classes CSS pour styliser les liens HTML selon différents états.

Dans ce tutoriel, nous abordons la réalisation des sélecteurs pour les liens en utilisant les pseudo-classes CSS. Nous apprendrons comment styliser les liens HTML selon cinq états : link, visited, hover, active, et focus. Vous découvrirez également l'importance de spécifier correctement chaque état pour obtenir un rendu visuel cohérent sur votre page web. Nous vous guiderons pas à pas pour appliquer des couleurs différentes à chaque état et comment supprimer la décoration par défaut des liens, comme le soulignement. Enfin, nous montrerons comment réinitialiser l'historique de navigation pour tester vos styles CSS de manière fiable.

Voir plus
Questions réponses
Pourquoi les liens HTML sont-ils par défaut en bleu sous Windows ?
Les liens HTML sont par défaut en bleu sous Windows car cette couleur est définie dans les spécifications du navigateur pour indiquer un lien non visité.
Quels sont les cinq états des liens que nous pouvons styliser ?
Les cinq états des liens que nous pouvons styliser sont : link, visited, hover, active, et focus.
Pourquoi est-il utile d'effacer l'historique de navigation lors du test des styles CSS pour les liens ?
Il est utile d'effacer l'historique de navigation pour tester les styles CSS car cela permet de revenir à l'état initial des liens non visités afin de voir les effets de nos styles CSS sur tous les états des liens.
1 commentaire
1,0
1 vote
5
4
3
2
1
eve.bertieaux
Il y a 2 years
Commentaire
C'est vraiment dommage que lors de la démonstration HTML et CSS soient mélangés, je ne sais plus à un moment donné si c'est dans l'un ou l'autre, du coup je n'ai pas le résultat attendu