Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
11. Единицы измерения в CSS — px, %, em, rem, vw, vh. Относительные и абсолютные величины
✏️ Поговорим про единицы измерения, которые вам нужно знать: px, %, em, rem, vw и vh. 🔴 Timeline: ▶ 00:00 | План урока ▶ 00:18 | Единицы измерения ▶ 00:38 | Относительные и абсолютные величины ▶ 02:00 | Пиксели, px ▶ 03:18 | Совет по использованию пикселей ▶ 03:47 | Процент, % ▶ 04:30 | Проценты со свойством height ▶ 05:33 | Проценты со свойством height и position absolute ▶ 05:52 | Ephemeral unit, em-единица ▶ 06:20 | Единица em для задания размеров элемента ▶ 06:59 | Root ephemeral unit, rem-единица ▶ 08:02 | Почему rem плох ▶ 08:41 | Вьюпорт-единицы, vw и vh ▶ 10:03 | Что дальше 📚 Полезные ссылки: ➖ Современный справочник по CSS: ➖ Справочник по фронтенду "MDN" от разработчиков Mozilla Firefox: 💬 Коммьюнити-чат в телеграме (помощь новичкам): 🧑💻 Основной телеграм-канал: ❤️ Boosty (поддержать автора): 🗂️ Бесплатные курсы на канале: 🟠 HTML: • HTML курс 2025 🔵 CSS: • CSS курс 2025 🟡 JS: • JavaScript курс 2025 🟢 A11y: • Accessibility курс 2025 🗺 Frontend Roadmap: • Frontend Roadmap 2024 | Что должен учить ф... ⚪️ Мастер-класс по верстке для новичков: • Адаптивная верстка сайта с нуля для начина... 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Вёрстка сайта с 0 до результата | HTML, БЭ... ⚫️ Мастер-класс по верстке с практикой по JavaScript: • Вёрстка сайта с нуля • HTML, SCSS, JS прак... 🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ: 📌 Автор: ➖ Личный сайт: ➖ Telegram: ➖ Boosty: ➖ GetMentor: ➖ Stepik (платные курсы и мастер-классы): #frontend #фронтенд #css