onMouseOver+CSS+JavaScript - как их объединить

[Lidia]

Здравствуйте.
Опять у меня одна шальная мысль в голове застряла . А именно: хочу сделать так, что при наведении на место менялся цвет ячейки, цвет букв. Поняла как сделать это для onmouseover="this.bgColor='navy';this.style.color='yellow';
А если у меня 150 таких ячеек, то как то мало интересного прописывать такое 150 раз. Выход вижу в использовании JavaScript, только не очень могу это связать: function up{
this.bgColor='navy';
this.style.color='yellow'}
...onmouseover="up()"
Ничего не даёт мне (ничего не меняется) В чём моя ошибка?
И второй вопрос (должен быть в тему): возможно ли прописать в JavaScript такое, используя файл CSS, т.е. что-то типо такого function up{p class='.cssFunction'}?

Заранее спасибо,
Лидия