CSS3: селекторы, типографика и цветовые режимы

В главе 1 отмечалось, что количество людей, получающих доступ к сайтам по телекоммуникационным сетям мобильной связи, постоянно увеличивается. Скорость нынешних телекоммуникационных сетей сильно варьируется, и нам необходимо принимать во внимание быстроту передачи информации по каналам и, следовательно, время загрузки создаваемых сайтов. Раньше нам приходилось учитывать время, которое уходило бы на загрузку наших страниц вместе с изображениями и мультимедиа, при использовании модема, поддерживающего максимальную скорость передачи данных 56 Кбит/с.

В настоящее время мы сталкиваемся с похожими проблемами, касающимися времени загрузки. Процентные правила основанных на таблицах макетов снова становятся актуальными, равно как и необходимость пересмотреть каждую часть мультимедиа и «тяжеловесного» содержимого, которое мы добавляем на страницы. Хотя теперь устройства стали мобильными, быстрота, с которой они загружают содержимое, и то, во что это обходится (скорость и цена), сопоставимы с теми, что имели место в прошлом. Новое — это хорошо забытое старое! К счастью, CSS3 дает возможность в значительной степени снизить нашу зависимость от изображений для визуального оформления, давая нам инструменты, позволяющие создавать красивые сайты, которые к тому же очень быстро загружаются. Нам предстоит многое рассмотреть. В главе 6 мы поговорим о специфических CSS3-методиках, включая те, что позволяют создавать тени, отбрасываемые текстом и блочными элементами, а также градиенты и фоны, а в главе 7 взглянем на CSS3-анимации, трансформации и переходы.

В этой главе мы изучим следующие основы CSS3:

— функции, которые CSS3 предлагает разработчикам клиентских приложений; О легко реализуемые и полезные CSS3-трюки (множественные колонки и перенос слов);

— анатомию CSS-правил;

— префиксы поставщиков и способы их применения;

— новые CSS3-селекторы и особенности их работы;

— пользовательскую типографику с использованием @font-face;

— применение цветовых режимов RGB и HSL с альфа-прозрачностью.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *