У цьому уроці ми вивчимо CSS з нуля — що це за мова стилів, як вона працює разом із HTML та як створювати сучасні, акуратні й приємні на вигляд вебсторінки.
Урок ідеально підходить новачкам, які хочуть навчитися оформлювати сайти красиво та практично, без зайвих термінів і складних пояснень.

## 📌 Таймкоди

00:00:00 Вступ
00:02:55 Селектори class та id — основа вибору елементів
00:09:01 Пріоритетність стилів — що спрацьовує першим
00:16:13 Кольори в CSS — формати та використання
00:20:52 Стилі для тексту — розмір, висота рядка, жирність
00:23:00 Display: block, inline, inline-block, flex, grid — як будуються макети
00:29:35 Одиниці вимірювання: px, %, vw, vh, dvh, dvw та інші
00:33:05 Display: grid — базові принципи
00:36:35 Відступи: padding та margin
00:42:08 Position: absolute — як працює позиціонування
00:52:00 Адаптив через @media screen — створюємо responsive
01:00:35 Підготовка до друку через @media print
01:03:20 Домашні вправи для закріплення

## 🔗 Посилання з відео

💻 Visual Studio Code — https://code.visualstudio.com/download
📦 Live Server (плагін для VS Code) — https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
🐸 FlexboxFroggy (UA) — тренажер Flexbox: https://flexboxfroggy.com/#uk
🌾 GridGarden (UA) — тренажер CSS Grid: https://cssgridgarden.com/#ua
🔗 Абсолютні vs відносні посилання (UA) — https://html-css.co.ua/self-html/absolyutni-i-vidnosni-posilannya/
📚 CSS Tutorial (W3Schools) — https://www.w3schools.com/css/

#css #htmlcss #frontend #webdev
#cssbasic #cssbeginner #cssукр #cssукраїнською
#вивчаємocss #cssурок #урокицss
#frontendзнуля #webрозробка
#learningcss #websitecoding #codingtutorial
#початківцям #htmlcsscourse #cssstart