Что такое CSS?

CSS (Cascading Style Sheets) — язык описания внешнего вида страницы: цвета, шрифты, отступы, расположение блоков и поведение вёрстки на разных размерах экрана. HTML задаёт, что находится на странице, CSS — как это выглядит.

Стили записываются правилами: селектор указывает, к каким элементам применить оформление, а внутри перечисляются свойства и их значения. Слово «каскадные» в названии означает механизм приоритетов: когда к элементу подходит несколько правил, побеждает более специфичное.

Современный CSS отвечает за всю раскладку интерфейса. Flexbox и Grid выстраивают элементы в ряды и сетки, медиазапросы адаптируют страницу под мобильные экраны, переменные и анимации позволяют обходиться без JavaScript там, где раньше он был обязателен.

Связанные термины

HTML

HTML (HyperText Markup Language) — язык разметки, который задаёт структуру веб-страницы: заголовки, абзацы, списки, ссылки, изображения и формы. Браузер читает HTML и строит по нему документ, который вы видите на экране.

JavaScript

JavaScript — язык программирования, который выполняется прямо в браузере и делает страницы интерактивными: реагирует на клики, отправляет запросы к серверу, меняет содержимое без перезагрузки. С появлением Node.js на нём пишут и серверную часть.

Frontend

Frontend — это часть сайта или приложения, которая выполняется в браузере пользователя: вёрстка, стили, анимации и вся логика интерфейса. Всё, что человек видит и с чем взаимодействует, — зона ответственности фронтенда.

UI (User Interface) — это визуальная часть продукта, через которую человек с ним взаимодействует: экраны, кнопки, поля, иконки, шрифты, цвета и отступы. UI-дизайнер отвечает за то, как продукт выглядит и как выглядят его состояния.