...............................................................................................................48 Упражнения...............................................................................................50 <m eta>.............................................................................................................50 nam e.............................................................................................................51 http-equiv.................................................................................................... 52 content......................................................................................................... 53 charset......................................................................................................... 53 Упражнения...............................................................................................53 <style>..............................................................................................................53 <link>...............................................................................................................54 <script>........................................................................................................... 54 src.................................................................................................................57 async.............................................................................................................57 charset......................................................................................................... 58 d efer.............................................................................................................59 type...............................................................................................................60 <noscript>....................................................................................................... 60 <base>..............................................................................................................61 Атрибуты тега <base>............................................................................. 61 h re f...............................................................................................................61 target............................................................................................................ 61 Комментарии в HTML-документе. --> ........................................62 Ter <body>..................................................................................................... 63 Параграф <p>.................................................................................................63 Глобальные атрибуты в HTML..................................................................63 accesskey..................................................................................................... 64 id...................................................................................................................65 class..............................................................................................................66 title................................................................................................................68 tabindex....................................................................................................... 68 hidden.......................................................................................................... 69 lang...............................................................................................................69 style..............................................................................................................71 contenteditable........................................................................................... 71 d ir .................................................................................................................72 draggable..................................................................................................... 73 spellcheck....................................................................................................73 translate....................................................................................................... 73 data- *.......................................................................................................... 74 Атрибуты событий....................................................................................... 75 Атрибуты событий окна......................................................................... 76 Атрибуты событий формы.....................................................................77 Атрибуты событий клавиатуры............................................................ 77 Атрибуты событий м ы ш и ......................................................................78 Атрибуты событий при перетаскивании............................................ 78 Атрибуты событий в буфере обм ена...................................................79 Атрибуты медиасобытий........................................................................ 79 Разные атрибуты...................................................................................... 80 Упражнения...............................................................................................80 Перетаскивание объектов Drag and D ro p ................................................81 Перетаскивание без использования атрибутов событий................ 83 Перетаскивание с использованием атрибутов событий................. 92 Перемещение копии объекта с заданием собственного значка перемещения вместо фантомной копии.............................................. 95 Упражнения...............................................................................................99 Заголовки < h l> - <h6>..............................................................................105 Упражнения.............................................................................................107 Ссылки < а> .................................................................................................. 107 Атрибут href.............................................................................................109 Полные ссылки. U RL.............................................................................110 Сокращенные ссылки....................................................................... 111 Абсолютные ссылки..................................................................... 111 Относительные ссылки................................................................. 112 Якоря или закладки............................................................................112 Ссылки на электронную почту....................................................... 113 Ссылки на JavaScript......................................................................... 115 Атрибут title.............................................................................................116 Атрибут target..........................................................................................117 Атрибут dow nload.................................................................................. 117 Атрибут ty p e ............................................................................................118 Атрибут hreflang..................................................................................... 119 Атрибут m edia........................................................................................ 120 Атрибут rel............................................................................................... 120 Что может быть ссылкой?.................................................................... 121 Рекомендации по написанию хороших ссылок...............................121 Упражнение.............................................................................................122 Изображения <im g>................................................................................... 123 Авторские права..................................................................................... 124 Атрибут s r c ..............................................................................................125 Атрибут a lt............................................................................................... 125 Атрибуты height и w idth....................................................................... 126 Атрибут srcset..........................................................................................127 Атрибут sizes...........................................................................................129 Атрибут longdesc.................................................................................... 129 Атрибут crossorigin................................................................................ 130 Атрибут ism ap ........................................................................................ 130 Атрибут usemap...................................................................................... 130 Атрибут border........................................................................................ 131 Упражнения.............................................................................................131 Семантические изображения с подписью <figure> и <figcaption>. 132 Альтернативные изображения................................................................. 133 Форматы изображений..............................................................................133 Горизонтальная линия. < hr> .................................................................... 134 Упражнение.............................................................................................136 Разрыв строки <br>.................................................................................... 136 Тег предварительного форматирования <рге>.................................... 137 Упражнение.............................................................................................138 Форматирование текста.............................................................................138 <Ь>.............................................................................................................139 Упражнение.............................................................................................140 <strong>.................................................................................................... 140 Упражнения.............................................................................................141 < i> .............................................................................................................. 141 Упражнение.............................................................................................142 < е т > ..........................................................................................................142 Упражнение.............................................................................................142 <mark>...................................................................................................... 143 Упражнение.............................................................................................144 <small>...................................................................................................... 144 Упражнение.............................................................................................145 Маркеры изменений. <ins> и <del>.................................................... 145 cite..........................................................................................................146 datetime................................................................................................. 146 Упражнение.............................................................................................146 <sub> и < sup> ..........................................................................................146 Упражнение.............................................................................................147 Теги для выделения цитат <q>,<blockquote>................................... 147 < cite> .........................................................................................................149 Упражнения.............................................................................................151 Аббревиатура <abbr>.............................................................................151 Упражнение.............................................................................................152 Контактная информация <address>.................................................... 152 Упражнения.............................................................................................152 <s>.............................................................................................................. 153 Упражнение.............................................................................................153 < и > .............................................................................................................153 Упражнение.............................................................................................154 Изменение порядка следования слов <bdo> и < b d i> ...................... 154 Отображение фрагментов программного кода <code>, <kbd>, <samp>, <var>..........................................................................................155 Упражнение.............................................................................................156 <tim e>....................................................................................................... 156 Символ неразрывного пробела (& nbsp;)...............................................157 Специальные символы и диакритические знаки.................................159 Упражнение.............................................................................................161 Карты изображений < тар > , <агеа>....................................................... 161 < т а р > ....................................................................................................... 161 <агеа>.........................................................................................................161 h re f.........................................................................................................162 alt............................................................................................................162 shape...................................................................................................... 162 coords.................................................................................................... 162 download............................................................................................... 162 hreflang................................................................................................. 162 m edia..................................................................................................... 162 r e l ...........................................................................................................162 target...................................................................................................... 162 type........................................................................................................ 163 Упражнение.............................................................................................166 Списки...........................................................................................................166 Неупорядоченный маркированный список <ul>, <Н>...................166 Упорядоченный список <о1>, <Н>...................................................... 168 Вложенные списки................................................................................. 171 Многоуровневый список со сложной составной нумерацией .... 172 Список определений <dl>, <dt>, <dd>...............................................173 Упражнения.............................................................................................174 Использование списков для создания меню и навигационных панелей..................................................................................................... 176 Упражнение.............................................................................................179 Таблицы. <table>, <tr>, <th>, <td>...........................................................179 Атрибуты colspan и row span................................................................182 Атрибут scope тега < th > ....................................................................... 184 Атрибут headers тегов <th> и < td > ..................................................... 186 Оформление заголовка таблицы <caption>...................................... 188 Создание групп строк в таблице <thead>, <tfoot>, <tbody>....... 190 Создание групп столбцов. <colgroup>, <col>................................... 191 Использование таблиц для создания макета.................................... 192 Пример таблицы, в которой изменяется цвет строки при наведении курсора м ы ш и .............................................................193 Упражнение.............................................................................................193 Блочные и встроенные теги ..................................................................... 193 Блок <div>.................................................................................................... 196 <span>............................................................................................................197 Блочные теги для структурирования контента.................................... 198 <header>....................................................................................................200 <article>....................................................................................................200 <aside>...................................................................................................... 200 <footer>.....................................................................................................201 < n av > ........................................................................................................ 201 <section>...................................................................................................201 <details> и <summary>.......................................................................... 201 <m ain>...................................................................................................... 202 Упражнение............................................................................................ 204 Lorem ipsum .................................................................................................209 <iframe>. Внедрение «Google Карт»......................................................210 Упражнение............................................................................................ 211 Ф орм ы .......................................................................................................... 212 Атрибуты тега <form >.......................................................................... 214 Упражнение............................................................................................ 215 Подпись к элементу пользовательского интерфейса <label>........... 216 Атрибуты тега <label>.......................................................................... 216 Упражнение............................................................................................ 217 Атрибуты, общие для элементов формы.............................................. 218 autofocus...................................................................................................218 disabled..................................................................................................... 218 form ........................................................................................................... 218 nam e.......................................................................................................... 218 value.......................................................................................................... 219 Элементы формы. Ter <input>................................................................ 220 Атрибут ty p e ........................................................................................... 220 Упражнение............................................................................................ 224 Доступ к элементам ф орм ы ................................................................ 225 Извлечение пароля.................................................................................227 Упражнение............................................................................................ 228 Создание поля для ввода пароля........................................................ 228 Упражнение............................................................................................ 229 Атрибут checked.....................................................................................229 Упражнение............................................................................................ 230 Программный выбор флажков............................................................ 231 Атрибуты pattern, placeholder, required, title.....................................231 Скрытые поля......................................................................................... 233 Кнопки.......................................................................................................... 234 Многострочное текстовое поле. <textarea>.......................................... 236 Атрибуты тега <textarea>.....................................................................237 Списки. <select>, <datalist>, <optgroup> и <option>........................... 238 Атрибуты тега <select>......................................................................... 239 Атрибуты тега <option>........................................................................ 240 Группы. <fieldset>, <legend>....................................................................241 Структурирование ф о р м .......................................................................... 243 Упражнения............................................................................................ 247 CSS. Спецификация, версии язы ка........................................................ 249 Полезные ссы лки...................................................................................250 Типы стилевых таблиц............................................................................. 250 Внешние таблицы стилей.....................................................................251 Внутренние таблицы стилей............................................................... 252 Встроенные стили..................................................................................253 Упражнение............................................................................................ 254 Каскадность.................................................................................................256 Модификатор !important........................................................................... 257 Специфичность........................................................................................... 258 Наследование.............................................................................................. 260 Просмотр стиля в «Инструментах разработчика» браузера............. 261 Синтаксические правила CSS..................................................................262 Селекторы....................................................................................................263 Упражнения............................................................................................ 266 Г руппировка селекторов.......................................................................... 267 Упражнение............................................................................................ 267 Целые и вещественные числа..................................................................268 Единицы измерения длины......................................................................268 Вычисляемые значения длины ............................................................... 271 Браузерные префиксы.............................................................................. 273 Подключение альтернативных стилей................................................. 275 Стандартная блочная модель...................................................................277 Альтернативная блочная модель............................................................ 279 Проблемы стандартной блочной м одели............................................. 279 Свойства блока........................................................................................... 281 width и height.......................................................................................... 281 min-width и max-width, min-height и m ax-height............................. 282 padding, border, m argin.......................................................................... 282 padding...................................................................................................... 283 m argin....................................................................................................... 285 Особенности вертикального суммирования margin.................. 287 Горизонтальное суммирование margin......................................... 289 Вертикальное схлопывание внешних полей, когда элементы связаны родительской связью........................... 290 Динамическое изменение полей блока................................................. 292 Рамки элемента border.............................................................................. 293 border-style.............................................................................................. 293 border-width............................................................................................. 295 border-color.............................................................................................. 296 border........................................................................................................ 297 border-radius............................................................................................ 299 Рамки-изображения border-image........................................................... 301 Внешний контур outline........................................................................... 304 Обтекание. Свойство float........................................................................ 306 clear................................................................................................................309 Упражнения............................................................................................ 311 CSS цвета..................................................................................................... 313 Константы................................................................................................313 RGB-цвета................................................................................................314</article></body></html>

белорусский государственный университет Е. В. Кремень, Ю. А. Кремень ВЕБ-КОНСТРУИРОВАНИЕ Рекомендовано Учебно-методическим объединением по естественно-научному образованию в качестве учебно-методического пособия для студентов учреждений высшего образования, обучающихся по специальности «математика» У чебное электронное издание Минск, БГУ, 2023 © Кремень Е. В., Кремень Ю. А., 2023 © БГУ, 2023 (075.8) Рецензенты: кафедра алгебры, геометрии и математического моделирования Брестского государственного университета имени А. С. Пушкина (заведующий кафедрой кандидат физико-математических наук, доцент А. Н. Сендер); доктор физико-математических наук, доцент А. С. Кравчук Кремень, Е. В. Веб-конструирование [Электронный ресурс] : учебметод. пособие / Е. В. Кремень, Ю. А. Кремень. - Минск : БГУ, 2023. 1 электрон, опт. диск (CD-ROM). Подробно рассмотрены вопросы использования языка разметки и каскадных таб лиц стилей, их применение при верстке веб-страниц. Приводится много фрагментов кода, что существенно ускоряет усваивание материала, а также способствует более квалифицированному подходу к верстке страниц. Особое внимание уделяется исполь зованию элементов JavaScript на стороне клиента. Предназначено для студентов учреждений высшего образования, обучающихся по специальности «математика». Минимальные системные требования: PC, Pentium 4 или выше; RAM 1 Гб; Windows ХР/7/10; Adobe Acrobat. Оригинал-макет подготовлен в программе Microsoft Word. Ответственный за выпуск Т. М. Турчиняк. Дизайн обложки В. П. Явуз. Технический редактор А П. Явуз. Компьютерная верстка А В. Анискевич. Корректор Н. А. Ракутъ. Подписано к использованию . Объем 12,2 МБ. Белорусский государственный университет. Управление редакционно-издательской работы. Пр. Независимости, 4, 220030, Минск. Телефон: (017) 2 . email: Содержание В ведение.........................................................................................................14 Основные понятия представления, организации и передачи информации в интернете.............................................................................14 Упражнения............................................................................................... 16 Фронтенд и бэкенд....................................................................................... 16 H T M L .............................................................................................................. 17 CSS................................................................................................................... 18 JavaScript........................................................................................................ 20 j Query...............................................................................................................20 A JA X ...............................................................................................................20 Вспомогательные материалы для изучения HTML.............................. 21 Необходимые инструменты разработки..................................................21 Текстовый редактор.................................................................................21 Веб-браузеры............................................................................................ 22 Ррафический редактор............................................................................ 22 Система контроля версий....................................................................... 23 FTP-программа......................................................................................... 23 Локальный веб-сервер............................................................................ 23 Упражнения.............................................................................................. 23 Планирование................................................................................................23 Упражнения.............................................................................................. 24 Структура сайта на диске........................................................................... 24 Упражнение.............................................................................................. 26 История возникновения H TM L.................................................................26 W3C. Стандарт HTM L.................................................................................28 Основные понятия....................................................................................... 28 Поддержка браузерами последней версии HTML................................ 29 Упражнение...............................................................................................32 Нормализация стилей. Reset & N orm alize.............................................. 32 Упражнения...............................................................................................33 Валидация HTML-кода................................................................................34 Упражнения...............................................................................................35 Основные правила синтаксиса..................................................................36 Теги и элементы....................................................................................... 36 Непарные, или одиночные, теги........................................................... 37 А трибуты ...................................................................................................37 Регистр написания тего в........................................................................ 39 Пробельные символы ............................................................................. 39 Контент внутри парных тегов........................................................... 39 Внутри тега между его параметрами.............................................. 40 Внутри тега в рамках одного атрибута........................................... 40 Вложенные элементы............................................................................. 41 Блочные и строчные элементы......................................................... 41 Иерархия вложенности тегов............................................................ 42 Правило вложенности тего в............................................................. 42 Структура документа...................................................................................44 Информация об используемой версии языка H T M L ........................... 46 Секция заголовка ........................................................................... 47 ...............................................................................................................48 Упражнения...............................................................................................50 <m eta>.............................................................................................................50 nam e.............................................................................................................51 http-equiv.................................................................................................... 52 content......................................................................................................... 53 charset......................................................................................................... 53 Упражнения...............................................................................................53 <style>..............................................................................................................53 <link>...............................................................................................................54 <script>........................................................................................................... 54 src.................................................................................................................57 async.............................................................................................................57 charset......................................................................................................... 58 d efer.............................................................................................................59 type...............................................................................................................60 <noscript>....................................................................................................... 60 <base>..............................................................................................................61 Атрибуты тега <base>............................................................................. 61 h re f...............................................................................................................61 target............................................................................................................ 61 Комментарии в HTML-документе. --> ........................................62 Ter <body>..................................................................................................... 63 Параграф <p>.................................................................................................63 Глобальные атрибуты в HTML..................................................................63 accesskey..................................................................................................... 64 id...................................................................................................................65 class..............................................................................................................66 title................................................................................................................68 tabindex....................................................................................................... 68 hidden.......................................................................................................... 69 lang...............................................................................................................69 style..............................................................................................................71 contenteditable........................................................................................... 71 d ir .................................................................................................................72 draggable..................................................................................................... 73 spellcheck....................................................................................................73 translate....................................................................................................... 73 data- *.......................................................................................................... 74 Атрибуты событий....................................................................................... 75 Атрибуты событий окна......................................................................... 76 Атрибуты событий формы.....................................................................77 Атрибуты событий клавиатуры............................................................ 77 Атрибуты событий м ы ш и ......................................................................78 Атрибуты событий при перетаскивании............................................ 78 Атрибуты событий в буфере обм ена...................................................79 Атрибуты медиасобытий........................................................................ 79 Разные атрибуты...................................................................................... 80 Упражнения...............................................................................................80 Перетаскивание объектов Drag and D ro p ................................................81 Перетаскивание без использования атрибутов событий................ 83 Перетаскивание с использованием атрибутов событий................. 92 Перемещение копии объекта с заданием собственного значка перемещения вместо фантомной копии.............................................. 95 Упражнения...............................................................................................99 Заголовки < h l> - <h6>..............................................................................105 Упражнения.............................................................................................107 Ссылки < а> .................................................................................................. 107 Атрибут href.............................................................................................109 Полные ссылки. U RL.............................................................................110 Сокращенные ссылки....................................................................... 111 Абсолютные ссылки..................................................................... 111 Относительные ссылки................................................................. 112 Якоря или закладки............................................................................112 Ссылки на электронную почту....................................................... 113 Ссылки на JavaScript......................................................................... 115 Атрибут title.............................................................................................116 Атрибут target..........................................................................................117 Атрибут dow nload.................................................................................. 117 Атрибут ty p e ............................................................................................118 Атрибут hreflang..................................................................................... 119 Атрибут m edia........................................................................................ 120 Атрибут rel............................................................................................... 120 Что может быть ссылкой?.................................................................... 121 Рекомендации по написанию хороших ссылок...............................121 Упражнение.............................................................................................122 Изображения <im g>................................................................................... 123 Авторские права..................................................................................... 124 Атрибут s r c ..............................................................................................125 Атрибут a lt............................................................................................... 125 Атрибуты height и w idth....................................................................... 126 Атрибут srcset..........................................................................................127 Атрибут sizes...........................................................................................129 Атрибут longdesc.................................................................................... 129 Атрибут crossorigin................................................................................ 130 Атрибут ism ap ........................................................................................ 130 Атрибут usemap...................................................................................... 130 Атрибут border........................................................................................ 131 Упражнения.............................................................................................131 Семантические изображения с подписью <figure> и <figcaption>. 132 Альтернативные изображения................................................................. 133 Форматы изображений..............................................................................133 Горизонтальная линия. < hr> .................................................................... 134 Упражнение.............................................................................................136 Разрыв строки <br>.................................................................................... 136 Тег предварительного форматирования <рге>.................................... 137 Упражнение.............................................................................................138 Форматирование текста.............................................................................138 <Ь>.............................................................................................................139 Упражнение.............................................................................................140 <strong>.................................................................................................... 140 Упражнения.............................................................................................141 < i> .............................................................................................................. 141 Упражнение.............................................................................................142 < е т > ..........................................................................................................142 Упражнение.............................................................................................142 <mark>...................................................................................................... 143 Упражнение.............................................................................................144 <small>...................................................................................................... 144 Упражнение.............................................................................................145 Маркеры изменений. <ins> и <del>.................................................... 145 cite..........................................................................................................146 datetime................................................................................................. 146 Упражнение.............................................................................................146 <sub> и < sup> ..........................................................................................146 Упражнение.............................................................................................147 Теги для выделения цитат <q>,<blockquote>................................... 147 < cite> .........................................................................................................149 Упражнения.............................................................................................151 Аббревиатура <abbr>.............................................................................151 Упражнение.............................................................................................152 Контактная информация <address>.................................................... 152 Упражнения.............................................................................................152 <s>.............................................................................................................. 153 Упражнение.............................................................................................153 < и > .............................................................................................................153 Упражнение.............................................................................................154 Изменение порядка следования слов <bdo> и < b d i> ...................... 154 Отображение фрагментов программного кода <code>, <kbd>, <samp>, <var>..........................................................................................155 Упражнение.............................................................................................156 <tim e>....................................................................................................... 156 Символ неразрывного пробела (& nbsp;)...............................................157 Специальные символы и диакритические знаки.................................159 Упражнение.............................................................................................161 Карты изображений < тар > , <агеа>....................................................... 161 < т а р > ....................................................................................................... 161 <агеа>.........................................................................................................161 h re f.........................................................................................................162 alt............................................................................................................162 shape...................................................................................................... 162 coords.................................................................................................... 162 download............................................................................................... 162 hreflang................................................................................................. 162 m edia..................................................................................................... 162 r e l ...........................................................................................................162 target...................................................................................................... 162 type........................................................................................................ 163 Упражнение.............................................................................................166 Списки...........................................................................................................166 Неупорядоченный маркированный список <ul>, <Н>...................166 Упорядоченный список <о1>, <Н>...................................................... 168 Вложенные списки................................................................................. 171 Многоуровневый список со сложной составной нумерацией .... 172 Список определений <dl>, <dt>, <dd>...............................................173 Упражнения.............................................................................................174 Использование списков для создания меню и навигационных панелей..................................................................................................... 176 Упражнение.............................................................................................179 Таблицы. <table>, <tr>, <th>, <td>...........................................................179 Атрибуты colspan и row span................................................................182 Атрибут scope тега < th > ....................................................................... 184 Атрибут headers тегов <th> и < td > ..................................................... 186 Оформление заголовка таблицы <caption>...................................... 188 Создание групп строк в таблице <thead>, <tfoot>, <tbody>....... 190 Создание групп столбцов. <colgroup>, <col>................................... 191 Использование таблиц для создания макета.................................... 192 Пример таблицы, в которой изменяется цвет строки при наведении курсора м ы ш и .............................................................193 Упражнение.............................................................................................193 Блочные и встроенные теги ..................................................................... 193 Блок <div>.................................................................................................... 196 <span>............................................................................................................197 Блочные теги для структурирования контента.................................... 198 <header>....................................................................................................200 <article>....................................................................................................200 <aside>...................................................................................................... 200 <footer>.....................................................................................................201 < n av > ........................................................................................................ 201 <section>...................................................................................................201 <details> и <summary>.......................................................................... 201 <m ain>...................................................................................................... 202 Упражнение............................................................................................ 204 Lorem ipsum .................................................................................................209 <iframe>. Внедрение «Google Карт»......................................................210 Упражнение............................................................................................ 211 Ф орм ы .......................................................................................................... 212 Атрибуты тега <form >.......................................................................... 214 Упражнение............................................................................................ 215 Подпись к элементу пользовательского интерфейса <label>........... 216 Атрибуты тега <label>.......................................................................... 216 Упражнение............................................................................................ 217 Атрибуты, общие для элементов формы.............................................. 218 autofocus...................................................................................................218 disabled..................................................................................................... 218 form ........................................................................................................... 218 nam e.......................................................................................................... 218 value.......................................................................................................... 219 Элементы формы. Ter <input>................................................................ 220 Атрибут ty p e ........................................................................................... 220 Упражнение............................................................................................ 224 Доступ к элементам ф орм ы ................................................................ 225 Извлечение пароля.................................................................................227 Упражнение............................................................................................ 228 Создание поля для ввода пароля........................................................ 228 Упражнение............................................................................................ 229 Атрибут checked.....................................................................................229 Упражнение............................................................................................ 230 Программный выбор флажков............................................................ 231 Атрибуты pattern, placeholder, required, title.....................................231 Скрытые поля......................................................................................... 233 Кнопки.......................................................................................................... 234 Многострочное текстовое поле. <textarea>.......................................... 236 Атрибуты тега <textarea>.....................................................................237 Списки. <select>, <datalist>, <optgroup> и <option>........................... 238 Атрибуты тега <select>......................................................................... 239 Атрибуты тега <option>........................................................................ 240 Группы. <fieldset>, <legend>....................................................................241 Структурирование ф о р м .......................................................................... 243 Упражнения............................................................................................ 247 CSS. Спецификация, версии язы ка........................................................ 249 Полезные ссы лки...................................................................................250 Типы стилевых таблиц............................................................................. 250 Внешние таблицы стилей.....................................................................251 Внутренние таблицы стилей............................................................... 252 Встроенные стили..................................................................................253 Упражнение............................................................................................ 254 Каскадность.................................................................................................256 Модификатор !important........................................................................... 257 Специфичность........................................................................................... 258 Наследование.............................................................................................. 260 Просмотр стиля в «Инструментах разработчика» браузера............. 261 Синтаксические правила CSS..................................................................262 Селекторы....................................................................................................263 Упражнения............................................................................................ 266 Г руппировка селекторов.......................................................................... 267 Упражнение............................................................................................ 267 Целые и вещественные числа..................................................................268 Единицы измерения длины......................................................................268 Вычисляемые значения длины ............................................................... 271 Браузерные префиксы.............................................................................. 273 Подключение альтернативных стилей................................................. 275 Стандартная блочная модель...................................................................277 Альтернативная блочная модель............................................................ 279 Проблемы стандартной блочной м одели............................................. 279 Свойства блока........................................................................................... 281 width и height.......................................................................................... 281 min-width и max-width, min-height и m ax-height............................. 282 padding, border, m argin.......................................................................... 282 padding...................................................................................................... 283 m argin....................................................................................................... 285 Особенности вертикального суммирования margin.................. 287 Горизонтальное суммирование margin......................................... 289 Вертикальное схлопывание внешних полей, когда элементы связаны родительской связью........................... 290 Динамическое изменение полей блока................................................. 292 Рамки элемента border.............................................................................. 293 border-style.............................................................................................. 293 border-width............................................................................................. 295 border-color.............................................................................................. 296 border........................................................................................................ 297 border-radius............................................................................................ 299 Рамки-изображения border-image........................................................... 301 Внешний контур outline........................................................................... 304 Обтекание. Свойство float........................................................................ 306 clear................................................................................................................309 Упражнения............................................................................................ 311 CSS цвета..................................................................................................... 313 Константы................................................................................................313 RGB-цвета................................................................................................314</article></body></html>