Page 17 - Сила CSS3 Освой новейший стандарт

Что такое CSS3? • 17

вать его для отображения текста на странице. Это позволяет не ограничиваться
шрифтами, доступными на машинах пользователей, и значительно упрощает
красивое оформление текста. Мы рассмотрим @font-face в главе 3.
Мощные селекторы. Спецификации CSS3 включают более дюжины новых
селекторов, в основном относящихся к псевдоклассам и атрибутам. Они по-
зволяют обращаться к определенным фрагментам HTML-кода, не добавляя
идентификаторы или классы, что упрощает код и защищает его от ошибок.
Естественно, селекторы находятся в классе Selectors (Селекторы). О некоторых
из них я расскажу в главах 4 и 5.

Переходы и анимация. Переходы CSS3, описанные в модуле Transitions (Перехо-
ды), представляют собой простейший тип анимации, меняющий стиль элемента.
Например, это может быть плавное изменение цвета кнопки в момент, когда над
ней оказывается указатель мыши. Однако возможно создание и полноценных
анимационных эффектов CSS3 (с помощью возможностей, описанных в модуле
Animation (Анимация)), причем для этого не требуется ни Flash, ни JavaScript.
О переходах и анимации рассказывается в главе 5.

Медиазапросы. Модуль Media Queries (Медиазапросы) представляет синтаксис
выбора разных стилей в зависимости от возможностей пользовательского дис-
плея или устройства, таких как ширина области просмотра, разрешение экрана
и количество отображаемых цветов. Медиазапросы — это отличный инструмент
для создания веб-сайтов, оптимизированных для отображения на мобильных
устройствах. Мы поговорим о них в главе 6.

Многостолбцовые макеты. В CSS3 появилось несколько новых модулей, упро-
щающих создание многостолбцовых макетов. Модуль Multicolumn Layout (Макет
мультиколонки) описывает перетекание текста, входящего в единый блок, из од-
ного столбца в другой, как в газетных колонках; об этом рассказывается в главе 6.
Модуль Flexible Box Layout (Модель гибкого поля) помогает выравнивать блоки
по горизонтали и вертикали относительно друг друга, позволяя более гибко под-
гонять их под размеры области просмотра, нежели при использовании плавающих
блоков или позиционирования. Также появились экспериментальные модули для
работы с макетами Template Layout (Шаблонный макет) и Grid Positioning (Сетка
расстановки). Мы рассмотрим эти три системы разработки макетов в главе 7.

прогреСС разраБотки CSS3

Вы наверняка задаетесь этим вопросом — так когда же работа над всеми этими по-
трясающими новыми возможностями CSS3 будет завершена, чтобы мы уже могли
начать использовать их? Как я уже упоминала ранее, каждый модуль разрабатывается
в соответствии с собственным расписанием, и вы можете проверить текущий статус
на веб-сайте http://www.w3.org/Style/CSS/current-work. Для каждого модуля в таблице
указан статус (часто называемый уровнем зрелости (maturity level), но также в W3C

www.trk.kg