La pseudo-classe :visited permet de modifier l'aspect d'un lien après que l'utilisateur l'a visité. Pour des raisons relatives à la vie privée, les propriétés qui peuvent être utilisées sont restreintes.
Le pseudo-format :hover permet de changer l'apparence au survol (par exemple : a:hover pour modifier l'apparence des liens lorsque la souris pointe dessus). Le pseudo-format :active modifie l'apparence des liens au moment du clic, :visited lorsqu'un lien a déjà été visité.
Pour modifier la couleur d lien hypertexte visité texte, cliquez sur la flèche en bas de Lien hypertextesuivi, puis sélectionnez une couleur.
Pour modifier l'apparence d'un lien hypertexte (par exemple, style de police, taille ou couleur), cliquez avec le bouton droit sur le lien, puis cliquez sur Police dans le menu contextuel, ou cliquez sur une option de style dans la mini-barre d'outils qui apparaît.
Définition de la CSS :hover.
La pseudo-classe d'action CSS :hover permet d'assigner des propriétés CSS à un élément HTML et à ses fils durant le moment où il est survolé par le curseur (souris). La pseudo-classe :hover CSS est utilisée entre autre pour les liens (balise A ).
La propriété float indique qu'un élément doit être retiré du flux normal et doit être placé sur le côté droit ou sur le côté gauche de son conteneur. Le texte et les autres éléments en ligne (inline) entoureront alors l'élément flottant.
Vous pouvez utiliser les transition en CSS3 pour changer doucement la couleur du texte au survol de la souris, tel qu'un paragraphe ou un lien hypertexte.
Pour insérer un lien, on utilise la balise <a> avec l'attribut href pour indiquer l'adresse de la page cible. Exemple : <a href="https://openclassrooms.com"> . On peut faire un lien vers une autre page de son site, simplement en écrivant le nom du fichier : <a href="page2.html"> .
Pour changer la couleur de votre lien sur le vol stationnaire, utilisez la propriété hover pseudo sur la classe du lien et de lui donner une couleur différente.
Modifier un lien hypertexte existant
Cliquez avec le bouton droit n'importe où sur le lien, puis, dans le menu raccourci, cliquez sur Modifier le lien hypertexte. Dans la boîte de dialogue Modifier le lien hypertexte, sélectionnez le texte de la zone Texte à afficher.
Dans l'onglet Accueil du ruban, appuyez sur la flèche Couleur de police pour ouvrir le menu de couleurs. Sélectionnez la couleur souhaitée pour le lien hypertexte.
Pour cela vous devez utiliser la feuille de style Css color qui permet de spécifier la couleur de texte. Exemple d'écriture d'une couleur de texte en Css : color : crimson; color : rgb(255,0,0); color : hsl(16,100%,50%); color : #FF00FF; Il est possible en Css de mettre des couleurs avec des alpha.
Vous devez utiliser l'attribut href pour mettre l'adresse de cette page.
Couleur des liens en utilisant des codes de couleurs Hex
Dans votre balise d'ancrage HTML (<a>), après l'attribut href, insérer un attribut de style avec la propriété de couleur mis à votre code Hex de la couleur (dans notre cas #FF0000).
Mettre un soulignement ou un barré à un texte grâce aux feuilles de style Css. Vous pouvez en feuille de style Css spécifier qu'une portion de texte soit soulignée ou barrée. Pour cela, vous devez utiliser la feuille de style Css text-decoration qui permet de souligner, barrer et faire un trait au-dessus du texte.
Pour définir une même marge interne de chaque côté d'un élément, il suffit de passer la valeur de la marge intérieure que l'on souhaite appliquer à l'élément à la propriété padding en CSS.
L'élément HTML <a> (pour ancre ou anchor en anglais), avec son attribut href , crée un lien hypertexte vers des pages web, des fichiers, des adresses e-mail, des emplacements se trouvant dans la même page, ou tout ce qu'une URL peut adresser. Le contenu de chaque élément <a> doit indiquer la destination du lien.
Pour faire un lien HTML sur une image, il faut insérer l'attribut img src entre les balises d'ouverture et de fermeture de l'attribut a href : < a href="adresse de redirection" > < img src="URL de l'image" > < /a >.
En CSS vous redimensionnerez une image en définissant une valeur aux propriétés CSS « width » et « height » qui représentent respectivement la largeur et la hauteur de l'image. L'utilisation de ces propriétés CSS est simple, il vous suffira de leur appliquer une valeur numérique suivie d'une unité comme le pixel (px).
Utilisez les fonctions opacity() et drop-shadow() dans la propriété filter pour modifier la couleur de l'image en CSS. On peut changer la couleur de l'image en CSS en combinant les fonctions opacity() et drop-shadow() dans la propriété filter .
Pour faire en sorte qu'ils perdent ce soulignement et prennent la couleur rouge au survol, il suffit d'indiquer la couleur voulue grâce à l'attribut color et le non soulignement à l'aide de la propriété CSS text-decoration dans a:hover .