Прежде, чем начать что-то делать, надо разобраться с принятыми единицами измерения. CSS поддерживает множество единиц измерения, но здесь будут описаны только самые часто-применяемые. px - пиксели Самая основная единица измерения, которая встречается практически везде - это пиксели. Пиксель - это точка минимального размера на вашем экране. Весь экран состоит из таких точек. Вообще, если мы говорим о CSS, то пиксели здесь не всегда будут равны тем самым точкам на экране. К примеру, если у вас Retina...

В CSS выделяют два типа единиц измерений: абсолютные, которые не зависят от устройства вывода и являются фиксированными, а также относительные, которые зависят от какого-либо родительского элемента.  🔻К абсолютным(фиксированным) относятся такие ед. измерения:    cm (от англ. centimeter – сантиметр),    mm (от англ. millimeter – миллиметр),    in (от англ. inch – дюйм) – один дюйм равен 2,54cm,    pt (от англ. point – пункт) – один пункт равен 1/72 дюйма или 0,353mm,    pc (от англ. pica – пика) – одна пика равна 12 пунктам...