В нескольких последних задачах вы задавали внутренние или внешние отступы элементов в пикселях ( px ). Пиксели - это тип единицы длины, что говорит браузеру о том, какой задать размер или отступ элемента. В дополнение к px , CSS имеет несколько различных единиц измерения длины, которые вы можете использовать. Два основных типа единиц длины являются абсолютными и относительными. Абсолютные единицы привязываются к физическим единицам длины. Так, например, in и mm соответствуют дюймам и миллиметрам. Единицы абсолютной длины приближаются к фактическому измерению на экране, но есть некоторые различия в зависимости от разрешения экрана. Относительные единицы, такие как em или rem, относятся к другому значению длины. Например, em основывается на размере шрифта элемента. Если вы используете его для установки самого свойства font-size, оно относится к font-size родительского font-size.
Заметка
Существует несколько относительных параметров единиц измерения, которые привязаны к размеру окна просмотра. Они описаны в разделе Принципы адаптивного веб-дизайна.
Добавьте свойство padding к элементу с классом red-box и установите его значение в 1.5em.