Page 52 - Сила CSS3 Освой новейший стандарт
P. 52
52 • Глава 2. Облачка с текстом
в этОм урОке
Мы создадим графические элементы в форме облачков с текстом, не используя
никакие изображения — только возможности CSS:
свойство word-wrap не дает длинному тексту расползтись по странице;
свойство border-radius предназначено для создания скругленных углов;
цветовой синтаксис HSLA поможет создать полупрозрачные фоны;
функция linear-gradient создает градиентные фоны;
свойство box-shadow определяет падающие тени позади объектов;
свойство text-shadow создает падающие тени (как вы уже догадались) позади
текста;
свойство transform позволяет поворачивать объекты.
базОвая страница
Предположим, вы работаете над оформлением раздела блога, предназначенного для
комментариев пользователей. Прежде чем погружаться в фантастические возможно-
сти CSS3, вы хотели бы определить некие базовые стили, с использованием которых
страница будет отображаться в старых браузерах, не поддерживающих CSS3. Как я
уже говорила в главе 1, очень важно сделать страницу функциональной и, по меньшей
мере, прилично выглядящей в браузерах предыдущего поколения и только после
этого добавлять код CSS3 как часть стратегии прогрессивного усовершенствования.
Рис. 2.1. Раздел комментариев до того, как была добавлена функциональность CSS3
www.trk.kg
