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

При вёрстке сайтов, при выводе на печать и в некоторых других случаях мы постоянно сталкиваемся с необходимостью определять размер шрифта. Этот размер может быть определён в разных единицах измерения. Однако в типографском деле принята единица измерения пункт. Её же чаще всего используют и при обозначении размеров в ИТ-технологиях. Пункт - это единица измерения, принятая в полиграфии и равная приблизительно 1/72 дюйма (в одном дюйме 72,27 пункта). И это примерно 0,35 мм. И когда вы, например, в MS Word выбираете размер шрифта, то он указывается именно в пунктах...