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

250 • Глава 7. Вспоминаем навыки верстки

в этОм урОке

Мы создадим многостолбцовый макет для целой страницы и дополнительных
виджетов, применив следующие возможности CSS3:

модель гибкого поля;
свойство box-sizing.
Мы также вкратце рассмотрим две системы управления макетом, находящиеся на
стадии разработки, — шаблонный макет и сетку расстановки.

изменения близятся

В этой книге мы в основном изучали практические методы CSS3, которые вы мог-
ли сразу же применить в своей работе в качестве составляющей прогрессивного
усовершенствования. Однако последнюю главу я хотела бы посвятить свойствам,
плохо поддерживающимся или даже вовсе не поддерживающимся браузерами, но
играющим намного более важную роль в структуре страницы — это не просто
визуальные эффекты, без которых старые браузеры вполне могут обойтись. Мне
кажется, что они крайне важны, так как определяют новые способы построения,
а не оформления веб-страниц. Именно они переведут веб-дизайн и веб-разработку
на новый качественный уровень. Кроме того, уже сейчас их в определенном объеме
можно применять для создания эффектов, изящно пропадающих в старых браузерах
и не нарушающих их работы.

Считайте эту главу взглядом в будущее — подумайте о том, как мы будем создавать
сайты через много-много лет. Изучив эти новые методы сегодня, вы сможете по-
степенно и понемногу добавлять их на свои сайты. А когда все будет готово для
повсеместного широкого использования новых свойств и методов, вы окажетесь
на целый корпус впереди.
Наиболее проработанная, лучше всего поддер-
Модель гибкого поля не заменяет живаемая и, таким образом, подходящая для
собой модель определения полей практического применения новая техника вер-
из CSS 2.1. Это дополнительная стки называется моделью гибкого поля (flexible
модель, и вместе они позволяют box layout model), и ей будет посвящена большая
добиваться наилучших резуль- часть этой главы. Модель гибкого поля позволяет
татов. указать, какие поля должны быть расположены
горизонтально, а какие вертикально, нужно ли
их выравнивать относительно друг друга и как
они должны делить между собой доступное пространство. Вроде бы ничего особен-
ного — ведь существующие свойства CSS 2.1 позволяют делать все то же самое, не
так ли? По большей части да — однако не так просто и легко, как это реализовано
в модели гибкого поля.

www.trk.kg