CSS3 – красивое и удобное оформление сайта

CSS3 (Cascading Style Sheets — каскадные таблицы стилей, уровень 3) уже активно используется на большом количестве сайтов, хотя при этом часть разработчиков может и не задумываться над различиями CSS3 и предыдущих версий, поскольку эти нюансы знать не обязательно, если рассматривать единую технологию CSS — стилей оформления (визуализации) HTML-страниц.

Если практический результат внедрения технологий HTML5 не всегда заметен, то в случае с внедрением технологий CSS3 такой результат очевиден. Функции CSS3 значительно расширены по сравнению с предыдущими версиями. Инструментарий CSS3 обеспечивает эффекты, которые ранее достигались только с помощью вставки изображений или javascript. Как следствие, упрощается процесс оформления страницы, уменьшается нагрузка на сервер и вес страницы, возрастает скорость ее загрузки.

Остановимся на наиболее популярных свойствах, которые появились в CSS3:

border-radius — закругления углов для блоков (значения могут быть заданы как сразу для всех углов, так и для каждого угла отдельно);

box-shadow — тень для блоков (внешняя или внутренняя);

text-shadow — тень текста;

opacity — прозрачность для блоков;

функция gradient для свойства background — переливание разных цветов;

возможность использования фонового изображения и фонового цвета одновременно для свойства background.

Отдельно стоит выделить новые свойства, которые обеспечивают динамические эффекты и стали, на первый взгляд, неожиданным поворотом в развитии CSS. Самые известные из них — transition (период изменения свойства, как правило, при наведении на объект, обеспечивающий плавную смену) иtransition-delay (задержка перед изменением свойства). Ранее считалось, что подобные эффекты можно обеспечить только с помощью javascript, однако современные тенденции использования CSS3 опровергают это.

Главной проблемой CSS3 является отсутствие поддержки в старых версиях браузеров (отдельные свойства CSS3 не поддерживаются даже в новых версиях), среди которых наиболее «проблемным» является Internet Explorer.