CSS или каскадные таблицы стилей служат для описания внешнего вида страниц сайта. Применяются в связке с динамическим HTML, в том числе HTML5.
Первое упоминание каскадных таблиц стилей относится к 1994 году. Разработчик Хокон Виум Ли предлагает CSS в качестве языка описания красивых веб-страниц. Предложение не находит поддержки за исключением присоединения к разработке Берта Боса.
Только в 1995 году появляется интерес со стороны W3C, но первый общепризнанный стандарт языка появляется только в следующем, 1996 году. Затем стандарты модифицировались в 1998 и в 2011 году. Два последних стандарта относятся к одной и той же версии CSS — уровню 2. В 2011 году проводится ревизия, которая избавляет язык от ряда недоработок. CSS3 формально так и не увидел свет, но большинство браузеров все равно поддерживает его возможности.
Принятие единых для всех стандартов нужно, чтобы браузеры могли включить поддержку языка по умолчанию.
Использование каскадных таблиц
Веб-разработчики используют CSS для задания стилей отдельных элементов страниц сайта. Под элементами могут пониматься:
- Страница в целом. Посредством каскадных таблиц можно задать цвет общего фона страницы, настроить смещение в стороны, выполнить другие задачи.
- Блоки. С помощью HTML формируется блок, который может перемещаться и меняться методами CSS. Задается фон, смещение, поведение и выполняется другая работа. С помощью каскадных страниц можно, например, настраивать появление одного блока при наведении на другой. Таким способом делается выпадающее меню на сайте.
- Шрифты. Задается тип шрифта, размер, цвет, другие характеристики элемента страницы.
Главная цель CSS — описание логической структуры страницы. Каскадные таблицы работают в связке с языком разметки HTML, дополнительно может использоваться JavaScript.
По состоянию на 2021 год большая часть страниц полностью верстается с использованием CSS. Создаются блоки методами HTML, которые расставляются по нужным местам с помощью каскадных таблиц. Таким образом упрощается код, снижается количество повторяющихся элементов на странице, что позволяет делать более сложные и интересные страницы.
CSS 3
Каскадные таблицы уровня 3 формально не увидели свет, но браузеры поддерживают язык описания. Главное нововведение — возможность создавать динамические объекты без использования JavaScript. Таким образом повышается уровень безопасности для конечного пользователя.
JavaScript — код, который выполняется в браузере, на стороне клиента. Поэтому пользователю надо самостоятельно находить баланс между удобством и безопасностью. В 2010 году уровень компьютерной грамотности все еще оставался на недостаточно высоком уровне, что создавало для пользователей дополнительные сложности.
В 2021 году JavaScript используется в браузерах, сложный сайт трудно представить без него. Тем не менее каскадные таблицы серьезно упрощают код, оптимизируют скорость загрузки, что актуально для лимитированного мобильного трафика. Для настольных компьютеров создание динамических объектов методами CSS тоже удобно из-за ускорения загрузки страниц.
С 2011 года разрабатывается CSS4, который существует пока в черновом варианте. Отличительная черта будущей спецификации — существование в форме отдельных модулей, они разрабатываются независимо друг от друга. Часть экспертов критикует такой подход, ссылаясь на опасность потери единых стандартов, возможных трудностей с совместимостью. Другие эксперты говорят о преимуществах подхода.
Существующие проблемы
Главная проблема каскадных таблиц стилей остается той же — не все браузеры одинаково понимают код CSS. И это даже несмотря на принятые и утвержденные стандарты. Особенно сильно проблема была видна у бывшего самого часто используемого браузера – Internet Explorer. CSS поддерживались не полностью, а выполнение кода было сопряжено со снижением безопасности.
С появлением браузера Edge проблема частично решена. Но до сих пор не все браузеры одинаково понимают каскадные таблицы стилей.
Другая проблема связана с наследованием. Стандартный язык не знает вычисляемые значения, другие зависимости тоже неизвестны. Разработчики представили ряд расширений на основе каскадных таблиц, которые помогают решить эту проблему. Чтобы расширенный CSS заработал, понадобится выполнить компиляцию.
Перспективы
CSS продолжают использовать для верстки интернет-страниц. Язык описания достаточно мощный, особенно если к нему прибавить ряд расширений, расширяющих сферу применения каскадных таблиц.
Разрабатываемый новый уровень языка CSS4 изначально строится по модульной структуре. Таким образом каскадные таблицы идут по главному направлению — создание отдельных модулей, чтобы разработчик мог использовать их по своему усмотрению.
Модульная структура в перспективе упрощает описания, облегчает вес страницы, что особенно актуально в условиях большого потребления ресурсов современными интернет-обозревателями.