Що таке CSS?
CSS (Cascading Style Sheets) — мова опису зовнішнього вигляду сторінки: кольори, шрифти, відступи, розташування блоків і поведінка верстки на різних розмірах екрана. HTML задає, що є на сторінці, CSS — як це виглядає.
Стилі записуються правилами: селектор вказує, до яких елементів застосувати оформлення, а всередині перелічуються властивості та їхні значення. Слово «каскадні» у назві означає механізм пріоритетів: коли до елемента підходить кілька правил, перемагає більш специфічне.
Сучасний CSS відповідає за всю розкладку інтерфейсу. Flexbox і Grid вибудовують елементи в ряди та сітки, медіазапити адаптують сторінку під мобільні екрани, змінні й анімації дозволяють обходитися без JavaScript там, де раніше він був обовʼязковим.
Повʼязані терміни
HTML (HyperText Markup Language) — мова розмітки, яка задає структуру вебсторінки: заголовки, абзаци, списки, посилання, зображення та форми. Браузер читає HTML і будує за ним документ, який ви бачите на екрані.
JavaScriptJavaScript — мова програмування, яка виконується прямо в браузері й робить сторінки інтерактивними: реагує на кліки, надсилає запити до сервера, змінює вміст без перезавантаження. З появою Node.js нею пишуть і серверну частину.
FrontendFrontend — це частина сайту або застосунку, яка виконується у браузері користувача: верстка, стилі, анімації та вся логіка інтерфейсу. Усе, що людина бачить і з чим взаємодіє, — зона відповідальності фронтенду.
UIUI (User Interface) — це візуальна частина продукту, через яку людина з ним взаємодіє: екрани, кнопки, поля, іконки, шрифти, кольори та відступи. UI-дизайнер відповідає за те, як продукт виглядає і як виглядають його стани.