HTML+CSS+JavaScript

Я часто меняю <font color=white> на <font color=black>
как это сделать через <style> ?

Вопрос Вы задали не в тот раздел.

А так вообще это реализуется несколькими путями, один из которых - переопределение стиля:

<SPAN style="{color:white}"></SPAN> <SPAN style="{color:black}"></SPAN>

Можно этот стиль переопределять в BODY, если для всей странички.

Или еще можно через создание класса стилей, или же по ID.

Тег <font> является устаревающим и не рекомендуемым к использованию:
http://www.w3schools.com/tags/tag_font.asp
но он еще продолжает поддерживаться броузерами для обратной совместимости.
Вместо него рекомендуется использовать таблицы стилей для строковых элементов:
http://www.w3schools.com/css/pr_font_font.asp

через <style> нельзя переопределить значение заданное непосредственно в теге.