Если вы принадлежите к числу твердолобых Web-дизайнеров, настаивающих на использовании тега <font>, вы будете рады узнать, что свойство цвета для этого тега позволяет выполнить стоящую перед нами задачу:

Также как гарнитура тега <font> применяется ко всем текстовым элементам, вложенным внутри него, так и цвет шрифта применяется к этим же элементам. В предыдущем примере оба элемента, выделенных тегами <h3 > и тегом абзаца, окрашиваются в красный цвет (#FF0000), независимо от цвета текста, используемого по умолчанию на этой Web-странице.

Того же самого эффекта можно достичь с помощью атрибута color каскадных таблиц стилей:


Если требуется изменить цвет текстовой строки внутри элемента, вложите теги <font> внутрь элемента:
<р>Розы - <font color="#FF0000">Kpacный</font>, а фиалки - <font color="#0000FF"> Синие </font>. </p>

или, пользуясь каскадными таблицами стилей, разместите теги <span> вокруг текста, который хотите окрасить в другой цвет:

Каскадные таблицы стилей также позволяют окрашивать область фона текстового элемента, создавая эффект маркера:



Изменение цвета фона таким путем обычно имеет больший смысл, чем изменение цвета. самого текста. Скорее всего, посетители вашего Web-сайта не будут полагать, что такой текст является гиперссылкой. Почему? Потому что в этом случае действует сила метафоры.

Большинство людей знает, как выглядит печатная страница, когда кто-нибудь поработал над ней маркером. При изменении цвета фона текстового элемента получаемый эффект выглядит на экране очень похоже. Поэтому люди будут склонны полагать, что фоновый цвет выполняет такую же функцию — привлекает внимание к важному фрагменту.

Когда изменяется цвет самого текста, люди, как правило, связывают это с другой метафорой: гиперссылкой. Изменение цвета текста не влечет за собой ничего, кроме проблем, поскольку вводит в заблуждение аудиторию вашего Web-узла. Посетители щелкают и щелкают на цветном тексте, и ничего не происходит, поскольку этот текст не является гиперссылкой. Данный текст и гиперссылка лишь похожи по внешнему виду.

Краткое правило стиля в этом инструментарии предоставляет желтое выделение для применения к любому тексту на Web-странице. Правило создает класс, именуемый highlight. Чтобы выделить весь текстовый элемент, задайте для атрибута class в теге элемента значение highlight:


Чтобы выделить строку текста внутри элемента, разметьте строку с помощью тегов <span> и задайте для атрибута class в теге <span> значение highlight:



Поместите это правило между тегами <style> в разделе заголовка своей Web-страницы или скопируйте правило как есть, и сохраните во внешнем CSS-файле.