Keskustelu: Yleinen keskustelu: CSS ja tiedostoon

Alla oleva toimii tekstiin upotettuna, mutta en saa toimimaan
sitä tiedostosta?
b{
onmouseover="this.style.font='bold 12px verdana';
onmouseover="this.style.color='blue'";
onmouseout="this.style.font='bold 12px verdana';
onmouseout="this.style.color='black'";
}

<b onmouseover="this.style.font='bold 12px verdana'; this.style.color='blue'" onmouseout="this.style.font='bold 12px verdana'; this.style.color='black'" style="font:bold 12px verdana">

Tuo ei ole CSS:ää, vaan javascriptiä.

Käytä b:hover {} taktiikkaa, tosin ei taida toimia IE:llä.

On se tonne laitettu.
http://www.w3.org/TR/html401/interact/scripts.html#h-18.2.3

Olet sekoittanut CSS:ää ja JavaScriptiä tuossa ylemmässä koodissa. Ne eivät pelaa yhteen, koska ne ovat aivan eri juttuja. Sinun on pakko laittaa nuo JavaScript-osat b-tagiin attribuutteina. Olet kuitenkin käyttämässä tuossa esimerkissäsi JavaScriptiä johonkin, mihin sitä ei ole tarkoitettu: hallitsemaan ulkoasua. CSS osaa hoitaa yksinään sen viran.

b { font : 12px bold "Verdana", sans-serif; color : black; }
b:hover { color : blue; }

Näin pääset puhtaalla CSS:llä paljon vähemmällä kuin tuon JavaScript-leikkimisen kanssa. Ei tämä tietty IE6:ssa toimi, siinä kun hooverit toimivat vain linkkien kanssa, mutta sen voinee jättää omaan arvoonsa: ei kaiken ole pakko toimia kaikella. Kunhan vain näyttää luettavalta, niin homma on ok.

Toimii just niinkuin halusin, kiitti.