Ouvrez le fichier principal .CSS pour votre site web dans un éditeur de code. Si votre site ne pas utiliser, créez-le maintenant et ajoutez le code suivant dans le cadre du
tag de votre site web:Si vous codés votre site Web d'utiliser un fichier d'en-tête pour tout le site, il vous suffit alors d'ajouter cette balise dans le fichier d'en-tête. Dans le cas d'un site HTML statique, vous devez ajouter cette ligne de code à chaque fichier HTML.
Ajoutez le code suivant à votre fichier .CSS pour contrôler la couleur de surbrillance:
:: sélection {background: # ff5e99-}
:: - moz-sélection {background: # ff5e99-}
: sélection {background: # ff5e99-}
Les deux premiers sont des lignes de code pour ce que les spécifications CSS3 appellent spécifiques au fournisseur "sélection pseudo-classe." Les navigateurs basés sur Webkit Chrome et Safari utilisent la première ligne de code, qui dans ce cas ajoute un colon supplémentaire. Firefox utilise la deuxième ligne de code, ce qui ajoute un colon supplémentaire et le préfixe "-moz" de fournisseur. Le dernier exemple est le code qui devrait fonctionner lorsque les navigateurs deviennent pleinement CSS3-conforme, mais à partir de 2011 ce ne est pas encore le cas.
Modifiez les six caractères après le signe de hachage à la valeur hexadécimale de la couleur de votre choix. Utilisez un sélecteur de couleur ou nuancier, tous deux disponibles gratuitement en ligne. Vous pouvez également utiliser des noms de couleur comme «noir» ou «blanc» pour les couleurs de base, mais vous devriez consulter un tableau pour ceux, trop.
Ajoutez des identifiants ou des noms de classe à vos balises HTML et les cibler en CSS à utiliser différentes couleurs de surbrillance sur différents éléments de vos pages Web. Voici un exemple d'un paragraphe sertie d'un nom de classe de «vert»:
Texte vert ...
Vous pouvez ajouter le nom de classe "verte" pour autant de tags que vous le souhaitez. Utilisez ID lorsque vous souhaitez cibler une seule étiquette, comme un particulier
tag sur une page Web.
Ajoutez le nom de la classe ou l'ID de votre CSS pour cibler un tag ou un groupe de mots clés. Pour rendre les paragraphes donnés un nom de classe d'une couleur de mise en surbrillance verte "vert", utiliser les éléments suivants:
p.green :: sélection {background: # 00ff00-}
p.green :: - moz-sélection {background: # 00ff00-}
p.green: sélection {background: # 00ff00-}