В книге "CSS. Рецепты программирования" рассматривается современная технология Cascading Style Sheets (каскадных таблиц стилей). Здесь обсуждаются основы CSS и средства, с помощью которых обеспечиваются наилучшие методы практической разработки: Web-типографика, изображения, элементы страницы, списки, ссылки, средства навигации, формы, таблицы, макеты страниц, печать Web-страниц и различные программистские трюки, а также проектирование с помощью CSS. Третье издание книги, дополненное сведениями об особенностях различных браузеров и организованное как удобный справочник, явится ощутимым подспорьем для всех работающих с CSS.
Предисловие Введение Для кого предназначена эта книга Допущения, принятые в книге Содержание книги Соглашения, использованные в книге Использование кода примеров Как связаться с издательством O'Reilly Safari® Books Online Благодарности
Глава 1. Использование базовых элементов HTML 1.1. Выбор текстового редактора 1.2. Кодирование простейшей HTML-страницы 1.3. О DOCTYPE и его влиянии на макет страниц в Web-обозревателе 1.4. Разметка заголовков 1.5. Подобающее цитирование 1.6. Вставка изображения 1.7. Вставка звуковых файлов средствами HTML5 1.8. Встраивание видео средствами HTML5 1.9. Эффективное применение strong нет 1.10. Создание списков 1.11. Формирование ссылки на Web-страницу 1.12. Разметка таблиц 1.13. Создание vCard (hCard) средствами HTML 1.14. Разметка события (hCalendar) 1.15. Проверка правильности HTML-разметки
Глава 2. Основы CSS 2.1. Применение правил CSS к Web-странице 2.2. Применение базовых селекторов для стилевого оформления 2.3. Применение селекторов прямого потомка 2.4. Применение селекторов соседнего элемента 2.5. Применение селекторов атрибута 2.6. Применение псевдоклассов 2.7. Применение псевдоэлементов 2.8. Когда использовать селекторы класса и селекторы ID 2.9. О свойствах CSS 2.10. Представление о блочной модели 2.11. Связь стилей с Web-страницей 2.12. Об источниках CSS 2.13. Порядок сортировки правил в CSS 2.14. Применение /important для переопределения отдельных правил CSS 2.15. Определение специфичности 2.16. Как применять разные типы таблиц стилей 2.17. Вставка комментариев в таблицы CSS 2.18. Организация информации в таблице стилей 2.19. Работа со свойствами с сокращенной формой записи 2.20. Задание альтернативной таблицы стилей 2.21. Применение плавающей модели 2.22. Применение автовыравнивания плавающих элементов 2.23. Применение абсолютного позиционирования 2.24. Применение относительного позиционирования 2.25. Применение сцепленного позиционирования 2.26. Создание стека элементов с помощью z-index 2.27. Проверка правил CSS
Глава 3. Web-типографика 3.1. Задание шрифтов 3.2. Применение Web-безопасных шрифтов 3.3. Задание стилизованного амперсанда 3.4. Внедрение файлов шрифтов 3.5. Принудительная разбивка действительно длинных слов 3.6. Задание размеров шрифта 3.7. Достижение большего соответствия размеров шрифтов в разных Web-обозревателях 3.8. Установка дефисов, длинных и коротких тире 3.9. Центрирование текста 3.10. Задание выравнивания текста по ширине 3.11. Обозначение избыточного текста многоточием 3.12. Удаление свободного пространства между заголовками и абзацами 3.13. Задание простой буквицы 3.14. Формирование центрированной приподнятой буквицы большего размера 3.15. Декоративное оформление приподнятой буквицы с помощью изображения 3.16. Создание заголовка со стилизованным текстом 3.17. Создание заголовка со стилизованным текстом и рамкой 3.18. Стилевое оформление заголовка с помощью текста и изображения 3.19. Создание врезки в HTML-тексте 3.20. Расположение врезки сбоку от колонки 3.21. Создание врезки с рамкой 3.22. Создание врезки с изображениями 3.23. Задание отступа в первой строке абзаца 3.24. Задание отступа для всего абзаца 3.25. Создание обратного отступа 3.26. Стилевое оформление первой строки абзаца 3.27. Стилевое оформление первой строки абзаца с помощью изображения 3.28. Создание эффекта выделенного текста 3.29. Изменение цвета при выделении текста 3.30. Изменение межстрочных интервалов 3.31. Добавление графической обработки HTML-текста 3.32. Вставка тени за текстом 3.33. Корректировка межбуквенных и межсловных пробелов 3.34. Достижение ритмичности базовых линий в Web-типографике 3.35. Стилевое оформление верхних и нижних индексов без нарушения базовой линии 3.36. Отображение нескольких колонок текста
Глава 4. Изображения 4.1. Преобразование средствами CSS цветных изображений в черно-белые в IE 4.2. Вывод рамки вокруг изображения 4.3. Установка вокруг изображения рамки со скругленными углами 4.4. Удаление рамок, устанавливаемых по умолчанию вокруг изображений в некоторых Web-обозревателях 4.5. Установка фонового изображения 4.6. Создание полосы фоновых изображений 4.7. Размещение фонового изображения 4.8. Применение нескольких фоновых изображений в одном HTML-элементе 4.9. Расположение изображений на рамке блока 4.10. Создание закрепленного фонового изображения 4.11. Изменение размеров изображений при изменении размеров окна Web-обозревателя 4.12. Растяжение изображения на все окно Web-обозревателя 4.13. Создание масштабируемых изображений 4.14. Задание способа визуализации изображений в Web-обозревателе 4.15. Поворот изображений средствами CSS 4.16. Задание градиентов средствами 4.17. Создание прозрачных PNG-изображений для IE6 и более поздних версий 4.18. Применение PNG-файлов с прозрачностью с помощью JavaScript 4.19. Наложение HTML-текста на изображение 4.20. Замещение HTML-текста изображением 4.21. Создание панорамного представления изображения 4.22. Комбинирование разных графических форматов 4.23. Скругленные углы колонок с фиксированной шириной 4.24. Скругленные углы (метод раздвижных дверей) 4.25. Скругленные углы (метод горной вершины) 4.26. Скругление углов с помощью JavaScript 4.27. Вставка тени от элемента средствами CSS 4.28. Вставка тени за изображением 4.29. Вставка сглаженной тени за изображением 4.30. Создание выносок с текстом 4.31. Как помешать людям похищать ваши изображения 4.32. Автоматическая вставка отражений в изображения 4.33. Применение изображений-спрайтов 4.34. Обрезка фоновых изображений 4.35. Применение масок к изображениям и рамкам
Глава 5. Элементы страницы 5.1. Удаление полей страницы 5.2. Сброс стилей, назначаемых Web-обозревателем по умолчанию 5.3. Раскрашивание полосы прокрутки в IE 5.4. Методы центрирования элементов на Web-странице 5.5. Создание рамки страницы 5.6. Вывод рамки вокруг окна просмотра Web-обозревателя 5.7. Настройка горизонтального разделителя 5.8. Добавление просмотра изображения в режиме Lightbox 5.9. Изменение непрозрачности элементов 5.10. Регулировка непрозрачности цвета фона
Глава 6. Списки 6.1. Изменение формата списка 6.2. Изменение цвета маркера списка 6.3. Задание в списке отступов, одинаково отображаемых в разных Web-обозревателях 6.4. Установка разделителей между элементами списка 6.5. Создание пользовательских текстовых маркеров в списках 6.6. Создание пользовательских маркеров-изображений в списках 6.7. Вставка больших пользовательских маркеров-изображений в списки 6.8. Улучшение представления списка с помощью графики 6.9. Создание внутристрочных списков 6.10. Создание обратных отступов в списке 6.11. Смещение маркера внутрь списка 6.12. Стилевое оформление списка определений 6.13. Традиционное отображение киносценария с помощью элемента языка HTML5 dialog 6.14. Превращение списка в дерево каталогов 6.15. Создание системы "звездного" рейтинга
Глава 7. Ссылки и навигация 7.1. Легкое создание текстовых меню и подменю 7.2. Удаление подчеркивания ссылок и другие приемы стилевого оформления 7.3. Изменение цвета ссылок 7.4. Удаление пунктирных линий при щелчке мышью по ссылкам в Internet Explorer 7.5. Изменение цвета ссылок в разных секциях страницы 7.6. Вывод пиктограмм в конце ссылок разных типов 7.7. Меняющиеся курсоры 7.8. Изменение внешнего вида ссылки при наведении указателя мыши без применения JavaScript 7.9. Анимация ссылок с помощью свойств CSS3 transition при наведении указателя мыши 7.10. Создание навигационных текстовых меню и визуальных эффектов при наведении указателя мыши на его пункты 7.11. Вставка подменю в вертикальные меню 7.12. Создание горизонтальных навигационных меню 7.13. Построение горизонтальных навигационных меню с раскрывающимися меню 7.14. Создание навигационного меню с клавишами доступа 7.15. Создание переходов с помощью ссылок-цепочек 7.16. Создание с помощью изображений визуальных эффектов наведения указателя мыши на ссылку 7.17. Создание сворачиваемых меню 7.18. Создание контекстных меню 7.19. Создание всплывающих подсказок с помощью атрибута title 7.20. Разработка динамического меню из закладок 7.21. Изменяющиеся стили ссылок-якорей
Глава 8. Формы 8.1. Изменение пробельной зоны вокруг формы 8.2. Удаление пробельной зоны вокруг формы 8.3. Задание стилей для элементов ввода 8.4. Изменение стилей элементов формы при щелчке по ним кнопкой мыши 8.5. Применение разных стилей к разным элементам ввода в одной форме 8.6. Назначение стилей элементам textarea 8.7. Задание стилей элементов select и option 8.8. Создание поля поиска в стиле Macintosh 8.9. Стили кнопок формы 8.10. Создание изображения кнопки Submit 8.11. Установка кнопки Submit-Once-Only 8.12. Создание кнопки Submit в виде HTML-текста 8.13. Как заставить текстовую HTML-ссылку действовать как кнопка Submit 8.14. Разработка Web-формы без таблиц 8.15. Разработка формы из двух колонок без применения таблиц 8.16. Включение в форму информации для пользователей 8.17. Стилевое оформление клавиш доступа в Web-формах 8.18. Группировка общих элементов формы 8.19. Ввод данных в форму в виде электронной таблицы 8.20. Пример дизайна: простая регистрационная форма 8.21. Пример дизайна: бланк регистрации
Глава 9. Таблицы 9.1. Задание границ и отступов в ячейках и таблицах 9.2. Задание объема свободного пространства вокруг ячейки 9.3. Задание стиля заголовка 9.4. Задание стилей в ячейках таблицы 9.5. Задание стилей для элементов шапки таблицы 9.6. Удаление зазоров у изображений, помещенных в ячейки таблицы 9.7. Устранение зазоров между ячейками таблицы 9.8. Создание чередующихся цветов фона в строках таблицы 9.9. Создание эффекта выделения цветом строки таблицы 9.10. Пример проекта: элегантный календарь
Глава 10. Проектирование Web-страниц, предназначенных для печати 10.1. Применение к Web-странице таблицы стилей для печати 10.2. Замена цветного логотипа черно-белым при печати Web-страниц 10.3. Создание готовой к печати Web-формы 10.4. Отображение URI после ссылок 10.5. Вставка специальных символов перед ссылками 10.6. Вставка в документ для печати разрывов страниц 10.7. Пример дизайна: версия страницы для печати, созданная средствами CSS
Глава 11. Макеты страниц 11.1. Построение одноколоночного макета 11.2. Создание двухколоночного макета 11.3. Построение двухколоночного макета с колонками фиксированной ширины 11.4. Создание "резинового" многоколоночного макета с помощью плавающей модели 11.5. Создание с помощью плавающей модели макета с тремя колонками фиксированной ширины 11.6. Создание с помощью позиционирования "резинового" многоколоночного макета 11.7. Создание с помощью позиционирования многоколоночного макета с колонками фиксированной ширины 11.8. Использование плавающей модели для отображения колонок в произвольном порядке 11.9. Проектирование асимметричного макета 11.10. Проектирование макетов, не зависящих от разрешения
Глава 12. Программистские трюки, искусственные приемы и выявление неисправностей 12.1. Переопределение встроенных стилей 12.2. Диагностика ошибок CSS и проблем Web-обозревателей 12.3. Применение букмарклетов для поиска ошибок 12.4. Применение расширений Web-обозревателя для поиска ошибок 12.5. Исправление Internet Explorer 6 12.6. Исправление Internet Explorer 6 с помощью JavaScript 12.7. Использование условных комментариев для передачи стилей в разные версии Internet Explorer 12.8. Применение фильтров CSS для передачи правил в практически любой Web-обозреватель 12.9. Установка интеллектуальной системы передачи CSS для современных Web-обозревателей 12.10. Тестирование дизайна сайта на нескольких платформах с помощью единственного компьютера 12.11. Проверка Web-сайта с помощью текстового Web-обозревателя
Глава 13. Проектирование с помощью CSS 13.1. Существенное увеличение размера шрифта 13.2. Создание неожиданного сочетания 13.3. Комбинирование разнородных элементов для создания контраста 13.4. Привлечение взгляда с помощью контраста 13.5. Проверка достаточности цветового контраста 13.6. Выделение цитаты с помощью эффектных кавычек 13.7. Задание перемещающейся фоновой сцены при изменении пользователем размеров окна 13.8. Вставка анимации в элементы на странице 13.9. Создание отображения фейерверков при прокрутке страницы пользователем 13.10. Настройка таблицы стилей для просмотра исходного кода в Firefox 13.11. Проектирование с помощью сетки (наборы CSS) 13.12. Пример дизайна: связный Web-дизайн 13.13. Пример дизайна: флаг США
Глава 14, Взаимодействие с JavaScript 14.1. Проверка, включен ли JavaScript в Web-обозревателе 14.2. Применение разных таблиц стилей в зависимости от времени суток 14.3. Перенаправление на сайт для мобильных устройств в зависимости от ширины экрана Web-обозревателя 14.4. Вставка в Web-страницу библиотеки JavaScript 14.5. Применение селекторов CSS3 в IE6 и IE7 14.6. Создание с помощью JavaScript HTML-таблицы с окраской зебры 14.7. Выделение цветом строки таблицы при наведении указателя мыши 14.8. Визуальное оформление простого наведения указателя мыши 14.9. Формирование строки одной высоты из элементов с разным объемом контента 14.10. Задание ссылки, открывающей новое окно 14.11. Превращение элемента div целиком в элемент, активируемый щелчком мыши 14.12. Поддержка средствами JavaScript формата PNG в IE6 14.13. Предоставление кода на HTML5 и свойств CSS3 Web-обозревателям,способным их обрабатывать
Приложение 1. Источники Основные обучающие материалы, относящиеся к языку HTML и технологии CSS Дизайнерские ресурсы Дискуссионные группы Справочные материалы Программные средства Приложение 2. Свойства CSS 2.1 и специализированные дополнения Приложение 3. Селекторы, псевдоклассы и псевдоэлементы CSS 2.1 Приложение 4. Селекторы и псевдоклассы CSS3 Приложение 5. Стилевое оформление элементов форм Предметный указатель
В архиве также помещены (в отдельном каталоге) программные коды из содержимого книги.
Название: CSS. Рецепты программирования, 3-е издание Автор: Кристофер Шмитт Издательство: БХВ-Петербург, Русская Редакция Год издания: 2011 Формат: djvu Страниц: 672 Качество: хорошее Язык: русский Размер архива: 23,3 Мб
