Posts Tagged ‘CSS3’

Градиенты CSS3 в IE10

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , ,

Перед вами — очередная статья из цикла, посвящённого возможностям CSS3, которые будут поддерживаться Internet Explorer 10 и в настоящее время поддерживаются Internet Explorer  10 Platform Preview 1. Она посвящена градиентным фонам.

1. Введение в градиенты
Сначала, как водится, — небольшой теоретический курс, без которого нам будет трудно понять, о чём вообще говорится в этой статье.

1.1. Что такое градиент. Начальная, конечная и ключевые точки градиента (далее…)

CSS3: Многоколоночная вёрстка

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , ,

Последняя статья из цикла, посвящённого новым возможностям CSS3, которые будут поддерживаться Internet Explorer 10 и поддерживаются в данный момент Internet Explorer  10 Platform Preview 1, расскажет о многоколоночной вёрстке текста.

1. Введение

При многоколоночной вёрстке текст выводится в несколько колонок. Это обычная практика при вёрстке «бумажных» газет, журналов и некоторых книг. Но в мире Web-дизайна многоколоночная вёрстка до сих пор встречается крайне редко, в основном, из-за того, что до последнего времени не поддерживалась стандартами HTML и CSS. Однако сейчас она набирает популярность, в том числе и у оптимизаторов при грамотной раскрутке сайтов.
(далее…)

CSS3: позиционируемые плавающие контейнеры

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , ,

Продолжаем рассматривать новые возможности языка CSS3. На этот раз разговор пойдёт о позиционируемых плавающих контейнерах, чья поддержка появилась в Internet Explorer  10 Platform Preview 2.

1. Введение
Плавающие контейнеры, как мы знаем, отличаются от обычных контейнеров тем, что не выводятся в основном «потоке» текста, а выносятся из него и сдвигаются к левому или правому краю родительского элемента веб-страницы. Остальное содержимое родителя при этом будет обтекать плавающий контейнер, соответственно, справа или слева. В результате мы получим нечто похожее на типографскую врезку. (далее…)