их передачи по Internet требуется больше времени.

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

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

не его графическое изображение. Баннер можно создать с помощью операторов

позиционирования каскадных списков стилей и обычного текста.

Для создания текстового баннера с эффектом отбрасывания тени текстом (как показано на рис. 4.15) необходимо два текстовых элемента — один для текста баннера, а второй для его тени. Вставьте в список стилей правило для задания стиля и положения элемента баннера и еще одно правило для форматирования

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



ПРАКТИКУМ

Давайте начнем с создания класса каскадного списка стилей, приведенного ниже, который позволяет требуемым образом отформатировать и установить положение баннера на Web-странице:



210 Глава 4. Каскадные списки стилей





Затем добавьте на страницу класс отбрасывания тени, который использует тот же самый тип шрифта и тот же самый размер, что и класс banner. Как показано

в следующем примере, для смещения текста тени относительно текста баннера

задействуются свойства top и left, несколько отличные от соответствующих па —

раметров класса banner!







В приведенном примере Web-браузер поместит класс, отмеченный стилем banner, на семь пикселей ниже верхнего края Web-страницы и на один пиксель правее ее левого края. Текст, отмеченный стилем shadow, будет расположен на 15