Не розумієш CSS? Селектори + margin, padding, display | Повний розбір за 1 годину

Вивчи CSS за чашкою кави створений для тих, хто хоче вивчати основи CSS і розпочати свою кар'єру у веб розробці. У цьому відео ви дізнаєтесь, що таке CSS, як використовувати його для верстки сайтів і як створити свій перший сайт за допомогою HTML і CSS. Ми розглянемо такі важливі теми, як box sizing, margin і padding у CSS, які допоможуть вам краще зрозуміти, як працюють стилі у вашому веб-дизайні. Якщо ви новачок у світі веб-дизайну, то цей курс CSS для початківців буде ідеальним місцем для початку. Ми почнемо з основ CSS з нуля, тому не турбуйтесь, якщо ви нічого не знаєте про CSS. Уроки CSS у цьому відео будуть ведені українською, тому ви легко зможете зрозуміти матеріал. Після перегляду цього відео, ви будете готові створити свій власний сайт за допомогою HTML і CSS, і продовжувати розвивати свої навички у сфері фронтенд розробки. ## 📌 Таймкоди 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