Урок 13. Единицы измерения в CSS
⚡ Кратко
Единицы измерения задают размеры, отступы и ограничения. Для устойчивой вёрстки важно понимать разницу между px, %, em, rem, vw/vh и современными функциями min(), max(), clamp().
О чём этот урок
Единицы измерения задают размеры, отступы и ограничения. Для устойчивой вёрстки важно понимать разницу между px, %, em, rem, vw/vh и современными функциями min(), max(), clamp().
px удобен для точных небольших значений: рамок, тонких отступов, иконок. Но всю страницу только в px делать негибко.
Результат после урока
- Вы объясняете основную идею темы своими словами.
- Пишете рабочий HTML/CSS-фрагмент без копирования вслепую.
- Понимаете типичные ошибки и умеете их проверить в браузере.
Практика
- Создайте контейнер с max-width: 70ch и padding в rem.
- Сравните font-size: 20px, 1.25rem и 1.25em.
- Сделайте кнопку, где padding задан в em.