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

Графические эффекты без графики • 55

чем со строками, выходящими далеко за пределы отведенных для них областей.
Кроме того, вряд ли слова будут разрываться в обычном тексте — чаще всего это
требуется только для длинных URL-адресов.

Рис. 2.3. Теперь браузер может разорвать строку между любыми символами

Итак, мы устранили эту небольшую помеху, так что давайте теперь займемся пре-
вращением комментариев в настоящие облачка с текстом!

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

Скругление углов
Эти четко очерченные прямоугольные поля для комментариев совсем не похожи
на облачка, ведь так? Давайте для начала скруглим углы, чтобы придать им более
мягкую, обтекаемую форму.
Скругленные углы — это простой и распространенный визуальный эффект, который
раньше на удивление сложно было реализовывать на веб-страницах. Приходилось
не только тратить время на создание изображений скругленных углов в графических
приложениях, но и подолгу просиживать над добавлением кода HTML и CSS. Для
определения местоположения каждого угла зачастую нужно было создавать целый
букет вложенных блоков div, ведь спецификация CSS 2.1 допускала наличие у поля
не более одного фонового изображения. Таким образом, код CSS, относящийся
к размещению изображений, мог стать очень и очень сложным. Изображения, в до-
полнение к чрезмерно раздутому коду HTML и CSS, изрядно увеличивали объем

www.trk.kg