CSS – каскадные таблицы стилей. Подробное руководство

Description

Перевод Н. Шатохиной. Третье издание «CSS – каскадные таблицы стилей. Подробное руководство» показывает, как реализовать на практике все возможности каскадных таблиц стилей для стандартов CSS2 и CSS2.1. Множество примеров позволит научиться быстро и без усилий разрабатывать стилевое оформление веб-страниц, отвечающее современным требованиям. Эрик Мейер, признанный эксперт по CSS, HTML и веб-стандартам, опираясь на свой богатейший опыт, рассматривает все свойства CSS и их взаимодействие, теги, атрибуты, реализации, поддержку различными броузерами, дает рекомендации разработчикам. Вы узнаете о сложном стилевом оформлении документов, пользовательском интерфейсе, верстке таблиц, о списках и генерируемом содержимом, о свободном перемещении и позиционировании, о семействах шрифтов и механизмах резервирования, о том, как работает модель блоков, о новых селекторах CSS3, поддерживаемых IE7, Firefox и другими броузерами. Книга поможет избежать распространенных ошибок, она является полным справочником по CSS и будет полезна как опытному веб-разработчику, так и новичку. От читателя потребуется только знание HTML 4.0. Оглавление Введение Глава 1. CSS и документы Веб спускается с Олимпа Полная неразбериха CSS спешит на помощь Богатство стилей Простота применения Применение стилей к нескольким страницам Каскадирование Небольшой размер файла Подготовка к будущему Элементы Замещаемые и незамещаемые элементы Роль элементов в формировании представления Объединение CSS и XHTML Тег link Элемент style Директива @import Действительные правила стилей Комментарии CSS Подставляемые в строку стили Заключение Глава 2. Селекторы Основные правила Структура правила Селекторы элементов Объявления и ключевые слова Группировка Группировка селекторов Группировка объявлений Группируем все Селекторы классов и идентификаторов Селекторы классов Множественные классы Селекторы идентификаторов Выбор между селектором классов и селектором идент Селекторы атрибутов Простой выбор атрибутов Выбор на основании конкретного значения атрибута Выбор по частичному значению атрибута Выбор конкретного атрибута Использование структуры документа Отношения родитель-потомок Селекторы потомков Выбор дочерних элементов Выбор сестринских элементов Псевдоклассы и псевдоэлементы Селекторы псевдоклассов Селекторы псевдоэлементов Заключение Глава 3. Структура и каскад Специфичность Объявления и специфичность Специфичность универсального селектора Специфичность селекторов идентификаторов и атрибу Специфичность подставляемых в строку стилей Важность Наследование Каскад Сортировка по приоритетности и источнику Сортировка по специфичности Сортировка по порядку расположения Инструкции по оформлению, не принадлежащие CSS Заключение Глава 4. Значения и единицы измерения Числа Процентные значения Цвет Именованные цвета Цветовая модель RGB Единицы измерения длины Абсолютные единицы измерения длины Относительные единицы измерения длины URL Ключевые слова Единицы измерения CSS2 Заключение Глава 5. Шрифт Семейства шрифтов Работа с базовыми семействами шрифтов Задание семейства шрифтов Насыщенность шрифта Как работает свойство насыщенности Увеличение насыщенности Уменьшение насыщенности Размер шрифта Абсолютные размеры Относительные размеры Процентные значения и размеры Размер шрифта и наследование Использование единиц измерения длины Стили и варианты Стиль шрифта Варианты шрифтов Растяжение и корректировка шрифтов Свойство font Установка высоты строки Как правильно использовать сокращенную запись сво Применение системных шрифтов Сопоставление шрифтов Правила гарнитуры шрифта Заключение Глава 6. Свойства текста Отступы и горизонтальное выравнивание Отступ Горизонтальное выравнивание Вертикальное выравнивание Высота строк Вертикальное выравнивание текста Расстояние между буквами и словами Расстояния между словами Расстояние между буквами Расстояние между словами и буквами и выравнивание Преобразование текста Оформление текста Странности оформления Затенение текста Обработка пробелов Направление написания текста Заключение Глава 7. Основы модели визуального форматирования Основные блоки Блок-контейнер Краткий обзор терминов Блочные элементы Горизонтальное форматирование Вертикальное форматирование Элементы списка Строковые элементы Компоновка строки Основные принципы и понятия Строковое форматирование Строковые незамещаемые элементы Строковые замещаемые элементы Изменение представления элемента Изменение ролей Строчно-блочные элементы Инициальные элементы Заключение Глава 8. Отступы, рамки и поля Основные блоки элементов Ширина и высота Сравнение полей и отступов Поля Абсолютные значения и поля Процентные значения и поля Тиражирование значений Свойства для задания поля с одной стороны Отрицательные и свернутые поля Поля и строковые элементы Рамки Рамки и фон Рамки, имеющие стиль Ширина рамки Цвета рамок Сокращенная форма определения рамок Задание рамки одним свойством Рамки и строковые элементы Отступы Процентные значения и отступы Отступ с одной стороны Отступы и строковые элементы Отступы и замещаемые элементы Заключение Глава 9. Цвета и фон Цвета Основные цвета Замещение атрибутов Воздействие на рамки Воздействие на элементы формы Наследование цвета Фон Фоновый цвет Фоновые изображения Повторения в определенном направлении Позиционирование фона Еще раз о повторении в определенном направлении Позиционирование относительно окна Сведение воедино Заключение Глава 10. Свободное перемещение и позиционирование Свободное перемещение Перемещаемые элементы Свободное перемещение: детали Поведение на практике Перемещаемые элементы, содержимое и перекрытие Запрет на обтекание Позиционирование Основные понятия Ширина и высота Переполнение и отсечение содержимого Видимость элементов Абсолютное позиционирование Фиксированное позиционирование Относительное позиционирование Заключение Глава 11. Верстка таблиц Форматирование таблиц Визуальная организация таблицы Значения свойства display для таблиц Анонимные объекты таблицы Слои таблицы Основные заголовки Рамки ячеек таблицы Отдельные рамки ячеек Сливающиеся рамки ячеек Задание размеров таблиц Ширина Высота Выравнивание Заключение Глава 12. Списки и генерируемое содержимое Списки Типы списков Изображения для элементов списка Местоположение маркера списка Краткая форма задания стилей списка Компоновка списка Генерируемое содержимое Вставка генерируемого содержимого Определение содержимого Счетчики Заключение Глава 13. Стили пользовательского интерфейса Системные шрифты и цвета Системные шрифты Системные цвета Курсоры Изменение курсора Контуры Задание стиля контура Ширина контура Окрашивание контура Сведение воедино Заключение Глава 14. Неэкранные устройства Разработка зависящих от среды таблиц стилей Устройства с постраничной разбивкой Стили для вывода на печать Стили для проекционных устройств Стили аудиопредставления Воспроизведение речи Уровень громкости Озвучивание Изменение голоса Паузы и предупредительные сигналы Звуковое сопровождение Позиционирование звука Заключение Приложение А. Обзор свойств Приложение В. Обзор селекторов, псевдоклассов и псевдоэлементов Универсальный селектор Селектор типа Селектор потомков Селектор дочерних элементов Селектор сестринских элементов Селектор классов Селектор идентификатора Простой селектор атрибутов Селектор атрибутов с конкретным значением Селектор частичного значения атрибутов Селектор начальной подстроки значения атрибута Селектор конечной подстроки значения атрибута Селектор произвольной подстроки значения атрибута Селектор языковых атрибутов :active :after :before :first-child :first-letter :first-line :focus :hover :lang :link :visited Приложение С. Пример таблицы стилей HTML 4 Алфавитный указатель