Об авторе 13
О творческой команде 14
Благодарности 15
Введение 16
Как работает CSS 16
Преимущества CSS 17
Что необходимо знать 17
HTML: структура языка 18
Типы документов 18
Как работают HTML-теги 19
Немного слов о XHTML 20
HTML5?— новый виток эволюции 21
Программное обеспечение, используемое для CSS 21
Об этой книге 23
Основные разделы книги 24
Основная терминология 25
О путях к папкам и командах меню 26
Соглашения, принятые в данной книге 26
Интернет-ресурсы 27
От издательства 28
Часть?1. Основы CSS
Глава 1. HTML для CSS 30
HTML: прошлое и настоящее 30
Написание HTML-кода для CSS 33
Осмысление тегов и 35
Дополнительные теги в HTML5 36
Составление своего представления о макете страницы 38
Важность doctype 44
Обеспечение использования самой последней
версии Internet Explorer 46
Глава 2. Создание стилей и таблиц стилей 49
Что такое стиль 49
Понимание таблиц стилей 52
Внутренние таблицы стилей 54
Внешние таблицы стилей 55
Обучающий урок: создание первых стилей 58
Глава 3. Селекторы: определение элементов стилизации 69
Селекторы типов: дизайн страницы 69
Селекторы классов: точное управление 71
ID-селекторы: определение элементов веб-страниц 74
Стилизация групп тегов 76
Стилизация вложенных тегов 77
Создание модулей 81
Псевдоклассы и псевдоэлементы 82
Селекторы дочерних элементов 88
Селекторы типов дочерних элементов 91
Селектор :not() 94
Обучающий урок: примеры использования селекторов 95
Глава 4. Механизм наследования стилей 106
Что такое наследование? 106
Упрощение таблиц стилей через наследование 108
Ограничения наследования 108
Обучающий урок: наследование 110
Глава 5. Управление сложной структурой стилей: каскадность 116
Каскадность стилей 116
Особенности механизма каскадности: какие стили имеют
преимущество 121
Управление каскадностью 124
Как избежать войн значимости 127
Начинаем с чистого листа 128
Обучающий урок: механизм каскадности в действии 131
Часть 2. Применение CSS
Глава 6. Форматирование текста 138
Использование шрифтов 138
Выбор обычного шрифта 140
Использование веб-шрифтов 143
Типы файлов шрифтов 143
Правовые вопросы использования веб-шрифтов 145
Поиск веб-шрифтов 145
Создание нескольких форматов шрифтов 146
Использование директивы @font-face 149
Создание стилей с использованием веб-шрифтов 151
Работа с полужирными и курсивными вариантами 152
Простой способ добавления полужирного и курсивного вариантов 153
Добавление полужирного и курсивного вариантов
и поддержка Internet Explorer 8 155
Google web fonts 158
Придание тексту цветового оформления 166
Установка размера шрифта 169
Форматирование символов и слов 175
Добавление текстовых теней 178
Форматирование абзацев текста 180
Форматирование первой буквы, первой строки абзаца 185
Стилизация списков 187
Обучающий урок: форматирование текста в действии 192
Глава 7. Поля, отступы, границы 205
Понятие блочной модели 205
Управление размерами полей и отступов 207
Добавление границ 215
Установка цвета фона 219
Создание скругленных углов 220
Добавление теней 223
Определение параметров высоты и ширины 226
Переопределение ширины блока с помощью box-sizing 229
Задание максимальных и минимальных
значений высоты и ширины 233
Управление обтеканием содержимого плавающих элементов 234
Обучающий урок: поля, фоновые параметры, границы 239
Двигаемся дальше 250
Глава 8. Добавление графики на веб-страницы 251
CSS и тег 251
Добавление фоновых изображений 252
Управление повтором фоновых изображений 257
Позиционирование фоновых изображений 258
Определение начальной позиции фонового
изображения и порядка его отсечения 265
Масштабирование фоновых изображений 266
Сокращенный вариант свойства background 268
Использование нескольких фоновых изображений 270
Использование градиентных фонов 273
Линейные градиенты 273
Цветовые опорные точки 276
Префиксы производителей и поддержка Internet Explorer 278
Повторяющиеся линейные градиенты 279
Радиальные градиенты 281
Повторяющиеся радиальные градиенты 283
Применение градиентов, создаваемых с помощью Colorzilla 283
Обучающий урок?1: совершенствуем изображения 286
Обучающий урок 2: создание фотогалереи 291
Обучающий урок?3: использование фоновых изображений 297
Получение свитка, появляющегося в Internet Explorer 8 304
Глава 9. Приводим в порядок навигацию сайта 306
Выборка стилизуемых ссылок 306
Стилизация ссылок 310
Создание панелей навигации 318
CSS-стиль для предварительной загрузки ролловеров 327
Стилизация отдельных видов ссылок 329
Обучающий урок?1: стилизация ссылок 331
Обучающий урок?2: создание панели навигации 338
Глава 10. Осуществление преобразований, переходов
и анимации с?помощью CSS 348
Преобразования 348
Переходы 358
Анимация 366
Обучающий урок 379
Глава 11. Форматирование таблиц и форм 387
Правильное использование таблиц 387
Создание стилей для таблиц 390
Создание стилей для форм 396
Обучающий урок?1: создание стилей для таблиц 402
Обучающий урок?2: создание стилей для форм 407
Часть 3. Макет страницы
Глава 12. Введение в разметку CSS 414
Типы разметок веб-страницы 414
Как работает CSS-разметка 416
Стратегии разметки 422
Глава 13. Разметка страницы
на основе плавающих элементов 427
Использование плавающих элементов в разметках 430
Решение проблем плавающих элементов 436
Обучающий урок. Многоколоночная разметка 451
Глава 14. Адаптивный веб-дизайн 464
Основы адаптивного веб-дизайна 464
Настройка веб-страницы для RWD 466
Медиазапросы 467
Гибкие сетки 476
Изменчивые изображения 482
Обучающий урок по адаптивному веб-дизайну 486
Глава 15. Позиционирование элементов на веб-странице 499
Как работают свойства позиционирования 499
Эффективные стратегии позиционирования 513
Обучающий урок: позиционирование элементов страницы 518
Часть 4. CSS для продвинутых
Глава 16. CSS для распечатываемых веб-страниц 527
Как работают аппаратно-зависимые таблицы стилей 527
Как добавлять аппаратно-зависимые таблицы стилей 530
Создание таблиц стилей для печати 531
Обучающий урок: создание таблицы стилей для печати 539
Глава 17. Совершенствуем навыки работы с?CSS 546
Добавление комментариев 546
Организация стилей и?таблиц стилей 547
Устранение столкновений стилей в браузере 555
Использование селекторов потомков 559
Различный код CSS для Internet Explorer 564
Приложения
Приложение 1. Справочник свойств CSS 569
Значения CSS 569
Свойства текста 573
Свойства списков 578
Отступы, границы и поля 579
Фоны 584
Свойства разметки страницы 587
Свойства анимации, преобразований и переходов 593
Свойства таблицы 598
Различные свойства 600
Приложение 2. Информационные ресурсы, касающиеся CSS 603
Справочники 603
Справочная информация по CSS 604
Подсказки, приемы и советы по CSS 604
CSS-навигация 605
Разметка CSS 606
Выставочные сайты 607
Программное обеспечение для CSS 607