Уже давно вышла в свет новая версия языка CSS — третья, CSS 3. Профессиональные верстальщики ее уже давно освоили и успешно пользуются. Перешли на нее и те, кто создает сайты для себя. Остались лишь небольшое число верстальщиков, которые колеблются: стоит ее изучать или нет? Главный аргумент противников: а что там такого существенного может быть? Ведь нужно только задать фон нужному блоку сайта и написать нужный текст. Больше ничего не надо. Ну и зачем, спрашивается, было создавать эти новые теги? С точки зрения профессионализма их подход верен. Действительно, не нужно безумно гнаться за новшествами, и использовать их на сайтах только потому, что это новшества. Нужно руководствоваться рациональностью. К примеру, известно какая судьба постигла Windows Vista, 8, 8.1. А ведь они тоже считались «новыми».

С точки зрения современных реалий, сообщаем: да, изучать новую версию CSS нужно. Ведь теперь люди сидят в Интернете не только за компьютером, но и за телефонами, планшетами, и широкоэкранными телевизорами. Нужно как-то страницу под них подстроить? Какую же пользу нам дает знание CSS3?

Анимация

Не самое весомое преимущество — но зато красиво. CSS 3 позволяет нам без проблем создавать мерцающие элементы страниц: они будут менять фон, размеры и даже место расположения на странице при наведении курсора мыши. Раньше для этих эффектов нужно было использовать jQuery и другие библиотеки Javascript. Их нужно было скачать на официальном сайте, подключить к своей странице, и в отдельном фале написать функцию. Сейчас все гораздо проще — существуют свойства CSS, которые создают анимацию. Если лень пользоваться jQuery — стоит изучить CSS3. Полезно, когда создаешь яркие развлекательные ресурсы: сайт казино наподобие https://admiral-777-club.com/, блог о путешествиях, информационный портал о ночной жизни и т.д.

Адаптивность

А вот эта возможность уже актуальна. В CSS 3 появились медиазапросы — возможность подстраивать страницу под разные типы устройств: телефоны, смартфоны, планшеты, мониторы и ноутбуки, телевизоры. Сейчас народ стал балованный. Когда человек дома — у него к видеокарте подключен телевизор. Когда он в транспорте — ему нужен Интернет на мобильном телефоне. И только лишь на работе сидит за стационарным компьютером с обычным монитором. И везде ему подавай идеальные сайты, оптимизированные под его тип устройства. С помощью CSS 3 мы сможем сделать сайт адаптивным. Под какие устройства он подойдет?

• Телефоны. Под них создается особый дизайн: «вертикальная» сетка с практически полным отсутствием шапки и меню (разве что в виде иконок).
  
• Мониторы. Под них создаются привычные нам сайты: с шапкой, меню, большим блоком контента.
 
• Телевизоры. Под телевизоры тоже нужно подстраиваться — слишком уж они «широкие», и сайт просто неуклюже растянется, если его не оптимизировать (нужно создать страницу специально под разрешение телевизора).
 

А главное: мы создаем страницу сразу под три эти устройства. Если пользователь ее откроет на телевизоре — она примет параметра телевизора, на мониторе — монитора, телефоне — будет мобильный дизайн.

Дизайн

В CSS 3 мы может без помощи Фотошопа создавать дизайн страницу. Да, мудреных коллажей не получится, но зато тени, сразу несколько фонов и полупрозрачные цвета элементам мы добавить можем. То есть, сяк так дизайн сайта без знаний графических редакторов мы создадим.  Плюс тоже сомнительный, поскольку умений профессионального дизайнера все равно это заменит.