В чем разница между em, rem и px

`em` и `rem` — относительные единицы, а `px` — абсолютная. - **px** (пиксели) — фиксированный размер, не зависит от других настроек. ```css .element { font-size: 16px; } /* всегда 16px */ ``` - **em** — зависит от `font-size` родителя. Если родитель имеет `font-size: 20px`, то `1em = 20px`. ```css .parent { font-size: 20px; } .child { font-size: 1.5em; } /* 30px (1.5 × 20px) */ ``` - **rem** (root em) — зависит от `font-size` корневого элемента (``). По умолчанию `1rem = 16px`. ```css html { font-size: 10px; } .element { font-size: 2rem; } /* 20px (2 × 10px) */ ``` **Когда использовать:** - `px` — для точных размеров (например, границы). - `em` — если нужно масштабирование относительно родителя. - `rem` — для гибкого и предсказуемого масштабирования всей страницы.