Инструкция
1
Используйте атрибут color, чтобы задать цвет выводимого на страницу текста, помещенного между открывающим (<font>) и закрывающим (</font>) тегами, задающими параметры шрифта . Например:
<font color="#ff0000">Красный шрифт</font>
Здесь цвет шрифта указан его шестнадцатеричным кодом #ff0000, но для основных цветов и некоторых именованных оттенков можно использовать и текстовое («мнемоническое») англоязычное значение. Например, #ff0000 можно заменить на Red.
2
Указывайте нужный оттенок цвета в атрибуте style, если надо изменить цвет фрагмента текста, помещенного внутрь какого-то блочного или строчного элемента страницы. Например, если фрагмент текста помещен внутрь блочного элемента, образуемого тегом div, то задать цвет шрифта можно так:
<div style="color: #7fffd4;">Текст аквамаринового цвета</div>
В случае использования строчного элемента span применять атрибут style надо точно таким же способом:
Текст <span style="color: #7fffd4;">аквамаринового</span> цвета.
Здесь цвет тоже можно задавать как шестнадцатеричными кодами, так и текстовыми обозначениями, например, #7fffd4 можно поменять на aquamarine.
3
Помещайте в заголовочную часть документа или в отдельный css-файл описание стилей, содержащее указание цвета шрифта нужных блоков текста - это универсальный и чаще применяемый в верстке веб-страниц метод. Например, чтобы задать синий цвет шрифта для всей страницы, в ее заголовочную часть (между тегами <head> и </head>) можно поместить такой код:
<style type="text/css">

body {color: blue}

</style>
4
Используйте атрибуты class, если в описании стилей надо задать разный цвет разным фрагментам текста. Например, если надо иметь в возможность вставлять при создании документа и, в дальнейшем, при его изменении, текстовые блоки красного и синего цветов, то можно поместить в заголовочную часть такой код:
<style type="text/css">

.blueText {color: Blue}

.redText {color: Red}

</style>
Здесь blueText и redText - это имена, а точка перед ними означает, что имена относятся к атрибутам class. Чтобы окрасить любую часть текста, например, в красный цвет, надо добавить к соответствующему тегу атрибут class со значением redText:
<p class="redText">Красный текст</p>