Для того чтобы задавать значения свойств, в CSS предусмотрены различные единицы измерения. Это единицы длины, единицы задания цвета и URL. Единицы длины.
Все единицы длины служат для задания вертикальных или горизонтальных размеров объектов, размеров рамок, полей, отступов, размера шрифта и высоты строки. Все они делятся на два больших класса: относительные и абсолютные.
Относительные устанавливают размер относительно какой-то другой единицы, например точки на экране монитора, размер которой в свою очередь зависит от разрешения. Относительных единиц всего три.
рх. 1 рх равен одной точке на экране монитора, которую обычно называют пикселем.
em. 1 em равен размеру (высоте) шрифта, используемого в данном элементе. Например, если в пределах абзаца используется размер шрифта, равный 12 пикселям, то в пределах этого абзаца 1 еm = 12 рх.
ех. 1 ех равен высоте строчной буквы "х" в шрифте. Именно по этой букве формируется оптическая высота строки. Величина ех, так же как и величина em, зависит от базового размера шрифта элемента.
Абсолютные единицы измерения имеют фиксированный размер, не зависящий от других величин, их в CSS поддерживается всего пять.
in. 1 in равен одному дюйму, т.е. 2,54см. Дюйм, как единица измерения длины, характерен для англоязычных стран: США, Великобритании и др.
pt. 1 pt равен 1/72 дюйма; эта величина называется типографским пунктом. В пунктах обычно измеряется размер шрифта, абзацных отступов и тому подобного, если работа ведется в текстовом редакторе наподобие Microsoft Word.
рс. 1 рс равен 12 pt или 1/6 дюйма - эта величина называется пикой. Пика также является величиной, которая чаще всего применяется в типографском деле.
mm. 1 mm равен одному миллиметру метрической системы измерения. Это уже более близкая нам единица измерения, равная одной десятой доле сантиметра.
cm. 1 cm равен одному сантиметру метрической системы измерения. Сантиметр, или одна сотая метра, - привычная нам единица измерения.
Абсолютные величины лучше использовать только тогда, когда известны параметры устройства вывода. Например, экраны мониторов могут иметь совершенно различные размеры и разрешения, которые и определяют размер относительных величин, например пикселя. Так что шрифт размером 10 рx. может хорошо читаться на маленьких разрешениях, но плохо на больших.
