Двадцать лет назад, 17 декабря 1996 года международный консорциум W3.org опубликовал рекомендации по использованию CSS Level 1. Этот момент официально считается днем рождения Cascading Style Sheets — формального языка описания внешнего вида страницы с использованием языка разметки (HTML, XHTML, XML и так далее).
История
Спустя некоторое время CSS стал стандартным инструментом веб-разработки, при помощи которого многие до сих пор верстают страницы веб-сайтов.
До начала повсеместного использования CSS страницы веб-сайтов верстали при помощи таблиц. Некоторые веб-дизайнеры и верстальщики, заставшие тот период, называют его «темными веками», и вполне заслужено. В девяностых веб, относительно того, чем он является сейчас, был в зачаточном состоянии, но уже развивался более чем активно. Примерно тогда же начались войны браузеров, каждый из которых отображал одинаково сверстанную страницу по-разному, что приводило к путанице и приступам уныния в рядах веб-дизайнеров того времени. Выравнивание в процентах и пикселях, использование JavaScript в фронт и бэк-энде в попытке обойти ограничения HTML, что привело к массовому появлению «ленивых» поп-апов, наслаивающихся поверх страницы, использование Flash для создания в нем всей страницы целиком, которая загружалась браузером пользователя — каждый использовал то, что ему больше нравилось или на что хватало сил и навыков. Благодаря же CSS состоялась эволюция верстки при помощи таблиц к вёрстке блочным методом.
Становление стандартом
Фактическим стартом CSS можно назвать 1998 год: именно тогда он стал массово использоваться веб-дизайнерами. С приходом CSS отпала необходимость в столь частом использовании JavaScript. Конечно, потребовалось время, для того, чтобы все браузеры стали корректно работать с новой технологией, да и самому CSS1 было далеко до универсального инструмента веб-дизайнера. Немаловажную роль в том же 1998 году вновь сыграл W3C-консорциум, выпустив рекомендации к использованию HTML 4.0, в котором была реализована полная поддержка CSS. Тогда же, в мае 1998 была выпущена спецификация по CSS2.
Самой важной особенностью CSS относительно HTML можно назвать возможность отображения различных страниц по одному адресу для разных устройств из-за возможности принципиального разделения содержания и представления страницы. Возможно, разработчики CSS даже не догадывались, насколько актуальной станет эта возможность спустя годы.
Стандарты:
- Level 1 (Recommendation);
- Level 2 (Recommendation);
- Level 2 Revision 1 (Recommendation) списка
Пример разметки
Для демонстрации внутри статьи может использоваться код, использовать highlight.js
CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Также может применяться к любым XML-документам, например, к SVG или XUL