• 098-1007016
    • vitalknyaze (Magento)
      adanos.a (WordPress)
  • 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.