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

В системе SI предусмотрены единицы длины (метр), времени (секунда), массы (килограмм) и еще четыре: ампер для силы тока, кельвин для температуры, моль для количества вещества и кандела для силы света. Остальные единицы — производные от этих: либо доли или кратные, как миллиграмм и километр, либо комбинации, вроде джоуля (кг∙м²∙с⁻²) или кулона (А∙с). Килограмм стоит наособицу: по имени он кратный (кило), но по сути основной, а грамм — его доля. Конечно, есть и другие системы, но всегда имеется взаимно-однозначное соответствие...