В середине 90-х разработчикам стало понятно, что создавать сложные приложения с использованием HTML малоэффективно и появилась необходимость разделить содержимое веб-страницы и её оформления. Все понимали, что это значительно улучшило бы управляемость и поддерживаемость веб-контента.⠀
Именно тогда и появился CSS (Cascading Style Sheets), как стандарт для описания внешнего вида и форматирования веб-страниц.
Первым концепцию каскадных таблиц стилей в 1994 г. предложил Хокон Виум Ли и представил её сообществу ведущих веб-разработчиков. В 1996 г. во всемирной паутине появилась первая спецификация CSS, известная всем, как CSS1. Она включала в себя базовые стили для текста, шрифтов, цвета и выравнивания. Можно было определять рамки, фоны, цвета текста, задавать расстояние между словами, межстрочные отступы и межсимвольный интервал. А также производить выравнивание текста, таблиц, изображений.
Уже в 1998 году была опубликована спецификация CSS2. Она добавила новые возможности: фиксированное, абсолютное и относительное позиционирование элементов, z-index, стили для медиа-типов и улучшенную поддержку таблиц. Расширился механизм селекторов и возможность добавлять содержимое, которое не содержится в исходном документе, а также звуковые носители стали определять громкость и голос.
В начале 2000-х началась разработка CSS3, основанный на CSS2. Он был разделен на модули и стал быстрее и гибче разрабатывать и внедрять новые возможности. CSS3 включает в себя десятки модулей, таких как Flexbox, Grid, анимации, трансформации, градиенты и т.д.
Сейчас официальной спецификации CSS4 нет, но новые возможности разрабатываются в рамках модулей CSS3 и включают в себя современные инструменты для веб-разработки: переменные (CSS Custom Properties), сложные селекторы, улучшенную типографику и адаптивный дизайн.
Подытожим: знание CSS — неотъемлемая база любого фронтендера. Это мост между простым HTML-кодом и многофункциональным, эстетичным и привлекательным веб-сайтом.
#methed_про_ит