DHTML и CSS

DHTML И CSS

БЫСТРЫЙ СТАРТ

Джейсон Кренфорд Тиге

VISUAL QUICKSTART GUIDE
dhtml and css

FOR THE WORLD WIDE WEB

2ND EDITION

Jason Cranford Teague

Джейсон Кренфорд Тиге

БЫСТРЫЙ СТАРТ
Dhtml и css

Издание рекомендовано в качестве учебного пособия 
для студентов технических вузов

Москва, 2023

2-е издание, электронное

УДК 004.738.5
ББК 32.973.26-018.2
Т39

Т39
Тиге, Джейсон Кренфорд.

DHTML и CSS / Дж. К. Тиге ; пер. с англ. М. И. Талачевой. — 2-е изд., эл. — 
1 файл pdf : 560 с. — Москва : ДМК Пресс, 2023. — (Быстрый старт). — Систем. требования: Adobe Reader XI либо Adobe Digital Editions 4.5 ; экран 10". — Текст : электронный.

ISBN 978-5-89818-455-1
В книге описывается использование динамического HTML (DHTML) и каскадных таблиц 
стилей (CSS) для построения сложных интерактивных Web-узлов. Данные технологии не требуют наличия специфического программного обеспечения на компьютерах посетителей сайта 
и работоспособны в большинстве распространенных браузеров. С помощью этой книги вы 
научитесь создавать динамически обновляющиеся Web-страницы, включающие различные 
текстовые и графические эффекты, манипулировать HTML-таблицами, размещать на своем 
сайте графику и анимацию.
Рассматриваются способы применения каскадных таблиц стилей, проблемы реализации 
поддержки CSS в различных браузерах, использование JavaScript и объектной модели документа (DOM) для манипулирования содержимым страниц без их перезагрузки с сервера.
Изложение материала сопровождается множеством примеров, даются советы по планированию структуры сайта и его дизайну. Кроме того, анализируются наиболее распространенные 
ошибки, допускаемые при программировании.
Издание предназначено для разработчиков Web-страниц и всех, кто хотел бы создать собственный динамический Web-сайт.

УДК 004.738.5 
ББК 32.973.26-018.2

Электронное издание на основе печатного издания: DHTML и CSS / Дж. К. Тиге ; пер. с англ. М. И. Талачевой. — Москва : ДМК Пресс, 2012. — 558 с. — (Быстрый старт). — ISBN 5-94074-169-X. — Текст : непосредственный.

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

В соответствии со ст. 1299 и 1301 ГК РФ при устранении ограничений, установленных техническими средствами защиты авторских 
прав, правообладатель вправе требовать от нарушителя возмещения убытков или выплаты компенсации.

ISBN 978-5-89818-455-1
©  Перевод на русский язык, оформление 
ДМК Пресс

Посвящается Джоселин и Дэшиель –
без них моя жизнь не была бы такой насыщенной

Благодарности

Хочу выразить признательность Таре (Tara), своей супруге и лучшему критику; Ребекке
(Rebecca), добившейся того, чтобы каждое предложение имело смысл; Ненси (Nancy),
без которой этот проект не начался бы; Кэти (Kathy), нашедшей все ошибки; Конни
(Connie), придавшей книге привлекательный вид; Симону (Simon), редактору первого
издания; Бену (Ben), чье внимание к техническим деталям неоценимо. Благодарю родителей и Ненси (Nancy) за то, что с их помощью достиг своего сегодняшнего положения,
Джонни (Johny) за постоянную поддержку и своих самых больших поклонников, Пэта
(Pat) и Реда (Red). Огромное спасибо Чарльзу Доджсону (Charles Dodgson) – Льюису
Кэрроллу (Lewis Carroll) – за то, что он написал «Алису в стране чудес», и Джону Тенниелу (John Tenniel) за прекрасные иллюстрации к этой книге. Джуди (Judy), Бойд
(Boyd), доктору Г. (Dr. G.) и учителям Америки (The Teachers of America) желаю хорошей работы в дальнейшем. Хочу выразить признательность Набиху (Nabih) из компании Nabih’s Computer Systems за то, что он дважды за время создания этой книги спас
жесткий диск моего компьютера. Благодарю Дугласа Адамса (Douglas Adams) за все
его книги, а также The The, The Cure, Siouxsie and the Banshees, The Beatles, Blur,
Cracker, Danielle Dax, Nine Inch Nails, KMFDM, The Pogues, The Ramones, New Model
Army, The Cocteau Twins, The Cranes, The Systers of Mercy, The Smiths, Baubaus, Bad
Religion, This Mortal Coil, Dead Can Dance за то, что они не дали мне сойти с ума, когда
я работал над книгой.

Содержание

Введение ................................................................................................................... 15

Часть I.
Каскадные таблицы стилей .......................................... 23

Глава 1.
Введение в CSS ................................................................................ 24
Определение стиля ............................................................................... 26
Каскадные таблицы стилей ................................................................ 27
Версии CSS .............................................................................................. 30
Типы правил CSS ................................................................................... 32
Составляющие CSS-правил ................................................................ 33
Типы HTML-тэгов ................................................................................. 35
Глава 2.
Основы CSS......................................................................................... 37
Добавление CSS в HTML-тэг .............................................................. 38
Добавление CSS на Web-страницу.................................................... 40
Добавление CSS на Web-сайт ............................................................. 43
Переопределение HTML-тэга ............................................................ 49
Определение классов для создания тэгов ....................................... 51
Определение ID для идентификации объекта .............................. 54
Создание inline-тэгов ........................................................................... 56
Создание HTML-тэгов блок-уровня ................................................ 58
Определение тэгов с помощью одинаковых правил ................... 60
Определение тэгов в контексте ......................................................... 62
Значение !important .............................................................................. 64
Наследование родительских свойств .............................................. 66
Управление существующими или наследованными
значениями свойств .............................................................................. 68
Определение каскадного порядка .................................................... 70
Настройка CSS для печати .................................................................. 72
Комментарии в CSS .............................................................................. 75
Стратегия создания таблиц стилей ................................................... 76

DHTML и CSS

Глава 3.
Управление шрифтом................................................................... 78
Оформление в Web .............................................................................. 79
Способы представления текста в Web ............................................. 80
Установка шрифта ............................................................................... 81
Загрузка шрифтов ................................................................................ 83
Шрифты в браузере .............................................................................. 85
Размер шрифта ...................................................................................... 87
Курсив...................................................................................................... 89
Толщина шрифта.................................................................................. 91
Создание minicaps ................................................................................ 92
Определение нескольких значений шрифта одновременно.......... 94
Глава 4.
Управление текстом ...................................................................... 96
Кернинг.................................................................................................... 97
Интервал между словами ................................................................... 98
Межстрочные интервалы .................................................................... 99
Заглавные и строчные буквы ............................................................. 101
Выравнивание текста по правому, левому краю
и по центру ............................................................................................. 102
Вертикальное выравнивание текста ................................................. 103
Выделение абзацев в тексте ............................................................... 104
Украшение текста ................................................................................. 106
Управление свойствами пробелов .................................................... 108
Установка разрыва страницы для печати ....................................... 110
Глава 5.
Управление списками и указателем мыши...................... 112
Списки ..................................................................................................... 113
Виды маркеров ...................................................................................... 115
Создание висячих отступов ................................................................ 116
Создание собственных маркеров...................................................... 117
Форма указателя мыши....................................................................... 119
Глава 6.
Управление цветами и фоном ................................................. 121
Установка отдельных свойств фона ................................................ 124
Установка цвета на переднем плане ................................................ 129
Глава 7.
Управление рамками и полями ............................................... 130
Что такое элемент ................................................................................ 131
Ширина и высота элемента ................................................................ 133
Поле элемента ....................................................................................... 135
Рамка элемента...................................................................................... 137
Атрибуты рамки.................................................................................... 139
Внутренний отступ ............................................................................... 141

Содержание

Поля и рамки в таблице ...................................................................... 142
Обтекание текстом ............................................................................... 144
Отмена обтекания текстом ................................................................ 146
Отображение элемента на экране..................................................... 147

Глава 8.
Управление позиционированием ........................................... 150

Что такое окно....................................................................................... 151
Тип позиционирования ........................................................................ 152
Определение положения по отношению к левому
верхнему углу ........................................................................................ 156
Определение положения по отношению к правому
нижнему углу ......................................................................................... 159
Элементы в порядке стека (3D-позиционирование) ................... 161
Абсолютные элементы, встроенные в относительные ................ 163
Относительные элементы, встроенные в абсолютные ................ 164

Глава 9.
Управление видимостью элемента ...................................... 167

Определение видимости элемента ................................................... 167
Определение видимой части элемента............................................ 169
Управление невидимой частью.......................................................... 171

Часть II.
Динамический HTML ............................................................. 173

Глава 10. Назначение DHTML ........................................................................ 174

Динамический HTML .......................................................................... 174
Особенности DHTML .......................................................................... 175
Причины использования DHTML ..................................................... 177
Flash и DHTML....................................................................................... 178
Проблема выбора ................................................................................. 180

Глава 11. Объектная модель документа ................................................. 182

DOM – путеводитель по Web-странице.......................................... 183
Создание объекта.................................................................................. 185
Обработчики событий ......................................................................... 185
Обнаружение события ......................................................................... 188
Функционирование DOM ................................................................... 189
Определение возможностей браузера ............................................. 194
Определение типа DOM...................................................................... 196
Построение общей DOM .................................................................... 198
Использование общей для браузеров DOM ................................... 201
Netscape 4 и встроенные слои ............................................................ 203

DHTML и CSS

Глава 12. Среда, в которой вы работаете .............................................. 207
Название и версия браузера ................................................................ 207
Тип операционной системы ............................................................... 210
Размеры экрана...................................................................................... 212
Количество цветов ............................................................................... 214
Размеры окна браузера ........................................................................ 216
Размеры клиентской области окна ................................................... 217
Адрес и название страницы ................................................................ 219
Положение прокрутки страницы ..................................................... 220
Размеры объекта ................................................................................... 222
Левая и верхняя позиции объекта ..................................................... 224
Правая и нижняя позиции объекта ................................................... 226
Z-индекс объекта .................................................................................. 228
Состояние видимости объекта .......................................................... 230
Видимая область объекта ................................................................... 232
Глава 13. Основы динамических технологий........................................ 236
Отображение и сокрытие объектов ................................................. 236
Перемещение объектов....................................................................... 239
Перемещение объекта на заданное расстояние ............................ 241
Перемещение объектов в 3D ............................................................. 243
Прокрутка Web-страницы ................................................................. 246
Видимая область объекта ................................................................... 248
Глава 14. Развитые динамические технологии .................................. 250
Повторный запуск функции .............................................................. 250
Передача события в функцию........................................................... 253
Глобальный обработчик событий..................................................... 254
Анимационные объекты ..................................................................... 256
Нахождение положения указателя мыши ...................................... 259
Идентификация объекта на экране .................................................. 261
Управление содержанием во фреймах ............................................ 263
Позиционирование окна браузера.................................................... 266
Новое окно браузера ............................................................................ 268
Размеры окна ......................................................................................... 272
Глава 15. Динамические технологии CSS .............................................. 275
Изменение определения ...................................................................... 276
CSS-класс объекта ................................................................................ 278
Добавление нового правила ............................................................... 280
Отмена таблицы стилей ...................................................................... 281
Глава 16. Слои Netscape ................................................................................... 283
Что такое слой Netscape...................................................................... 284
Создание слоя ........................................................................................ 285