Réponse acceptée !
Je pense aussi que les Stylesheet sont la meilleur solution.
- plus rapide à programmer
- plus facile à gérer
- plus souvent compatibles avec les différents browser
que le javascript
Deux méthodes pour utiliser les stylesheets:
1/ tu en as beaucoup à gérer et ils vont être utlisés dans différentes pages html (c'est le grand intéret, de cette façon tu peux avoir facilement le même design sur toutes tes pages): tu crée un fichier monNomDeFichier.css où tu mets les propriétés CSS et dans ta page html tu inclus ton fichier .css de la façon suivante entre tes balises <head>
<link rel="stylesheet" type="text/css" href="monNomDeFichier.css">
2/ tu en as peu, elle ne vont servir que dans une page: tu inclus tes propriétés entre les balise head de ta page html de la manière suivante:
<style type="text/css">
...mes propriétés
<style>
Exemple de propriété CSS
Entre tes balises head:
<style type="text/css">
a.hover{
font-family:sans-serif;
font-size:8pt;
color:white;
font-weight: bold;
}
<style>
Si tu voulais tout de même utiliser du javascript c'est possible mais ce serait beaucoup plus compliqué, il faudrait:
1/ Encadrer ton texte dans une balise (ici tu peux utiliser <a> qui l'encadre déjà)
2/ rajouter le listner 'onMouseOver="monTraitement(this)"' qui appelle une fonction js monTraitement
3/ Et créer une fonction montraitement du genre
function monTraitement(_elem){
_elem.style.color = "white"
}
Have fun