Что такое em, ex, px, px, pt в css

Сканируя сайты в интернете в поисках информации о шрифтах, встречаюсь с различными обозначениями их размеров:
– pt;
– px;
– em.

Первый из них я еще понятен, а что означают другие единицы измерения и как их устанавливать?

В CSS существуют следующие меры длены:
em – эквивалентны вычисленному значению свойства ‘font-size’ того элемента, в котором оно используется. Исключением является тот случай, когда ‘em’ появляется в самом значении свойства ‘font-size’, тогда оно относится к размеру шрифта родительского элемента. Может использоваться для вертикального или горизонтального измерения. (Эта единица измерения иногда называется квад-ширина в типографском тексте.)

ex- определяются ‘x-height’ шрифта. x-height называется так, потому что она часто равна высоте "x" нижнего регистра. Однако ‘ex’ определены даже для тех шрифтов, которые не содержат "x".

px – Пиксели относительны к разрешению устройства просмотра, т.е. чаще всего – дисплея компьютера. Если плотность пикселов выводного устройства сильно отличается от плотности типичного компьютерного дисплея, ПА должен перемасштабировать пиксельные значения. Рекомендуется, чтобы пиксель в качестве точки отсчёта был визуальным углом одного пикселя на устройстве с плотностью пикселов 90dpi на расстоянии вытянутой руки от читателя. При нормальной длине руки 28 дюймов визуальный угол будет примерно 0.0227 градусов.

с - дюймы – 1 дюйм равен 2.54 сантиметра.

cm - сантиметры

mm – миллиметры

pt – пункт, используемый в CSS2, равен 1/72 дюйма.

pc – пики. 1 пика равна 12 пунктам.



Случайные записи


RSSОформление подписки на квартал.