При необходимости создания трехмерного эффекта отбрасывания тени тек — стом баннера можно предположить, что потребуется преобразовать текст в изоб — ражение и только после этого наложить эффект. Тем не менее, графическое изоб — ражение текста баннера имеет намного больший размер, даже чем количество
байт, необходимое для хранения двух копий самого текста. Поэтому для мини — мизации времени загрузки для баннеров желательно использовать только текст, а
не его графическое изображение. Баннер можно создать с помощью операторов
позиционирования каскадных списков стилей и обычного текста.
Для создания текстового баннера с эффектом отбрасывания тени текстом (как показано на рис. 4.15) необходимо два текстовых элемента — один для текста баннера, а второй для его тени. Вставьте в список стилей правило для задания стиля и положения элемента баннера и еще одно правило для форматирования
и позиционирования текста тени. Несмотря на то что текст баннера может быть любого цвета, для тени лучше использовать серый или черный цвет.
ПРАКТИКУМ
Давайте начнем с создания класса каскадного списка стилей, приведенного ниже, который позволяет требуемым образом отформатировать и установить положение баннера на Web-странице:
210 Глава 4. Каскадные списки стилей
Затем добавьте на страницу класс отбрасывания тени, который использует тот же самый тип шрифта и тот же самый размер, что и класс banner. Как показано
в следующем примере, для смещения текста тени относительно текста баннера
задействуются свойства top и left, несколько отличные от соответствующих па —
раметров класса banner!
В приведенном примере Web-браузер поместит класс, отмеченный стилем banner, на семь пикселей ниже верхнего края Web-страницы и на один пиксель правее ее левого края. Текст, отмеченный стилем shadow, будет расположен на 15