На многих веб-страницах используется выделение важных терминов, например, слов, по которым посетитель пришел на сайт с помощью поисковой системы. Такое выделение текста можно без труда организовать средствами CSS.

Решение
Если отрывок текста обрамлен тегами <span> с атрибутом class, для данного класса можно добавить правило стиля с помощью CSS. Например, в следующем абзаце фраза «(Объектно-Ориентированный)» расположена между тегами <span> с атрибутом класса hilite.

<p>XOOPS - это динамический OO  <span class="hilite">(Объектно-Ориентированный)</span> 
основанный на открытом исходном коде скрипт портала, написанный на PHP. XOOPS 
поддерживает различные базы данных, XOOPS - это идеальный инструмент для создания 
небольших высоко-динамичных сообществ вэб-сайтов, внутренних порталов компании, 
корпоративных порталов, web-публикаторов и многого другого.</p>

Ниже приведено правило стиля для класса hilite; отображение выделенного текста показано на рис. 2.16. В данном примере слова «(Объектно-Ориентированный)» отображаются красными буквами на желтом фоне.

.hilite {
background-color: #FFFFCC;
color: #B22222;
}

 

Рис. 2.16. Выделение текста с помощью CSS