Что такое rem

`rem` (root em) — это единица измерения в CSS, равная размеру шрифта корневого элемента (``). В отличие от `em`, который зависит от размера шрифта родителя, `rem` всегда привязан к корневому элементу. **Пример:** ```css html { font-size: 16px; /* 1rem = 16px */ } p { font-size: 1rem; /* 16px */ padding: 2rem; /* 32px */ } ``` **Преимущества:** - Предсказуемость: не зависит от контекста. - Удобство для адаптивного дизайна (изменение размера шрифта у `html` масштабирует все `rem`-значения). **Нюанс:** Если `font-size` у `html` не задан, браузер использует значение по умолчанию (обычно 16px).