best-of-best.narod.ru Единственная единица используемая в компьютере это пиксель, всё остальное фикция. Другую интересную и полезную информацию смотрите на главной странице сайта: best-of-best.narod.ru
Используемые в CSS
px(пиксель) относительная единица Посмотрите разрешение экрана: Щелчок правой кнопкой мышки по рабочему столу - Свойства - Настройка. Там будет написано Область экрана 800 на 600 точек (может быть 640 на 480 точек или 1024 на 768) Пусть, например 800 x 600 Представьте мысленно всю видимую часть экрана в виде листочка из тетради по математике, имеющего 800 клеточек по горизонтали и 600 по вертикали. Получится 480000 клеточек. Длинна стороны одной такой клеточки и есть один пиксель. Понятно, что для разных компьютеров и разных разрешений экрана длинна пикселя, измеренная линейкой будет разной.
      Обозначим за d реальную диагональ монитора. Реальной диагональю монитора назовём диагональ видимой области, то есть расстояние, измеренное линейкой от левого нижнего до правого верхнего угла монитора (Не прислоняйте линейку к монитору, на него нанесено специальное легко повреждаемое покрытие!)
      Цветом blue в статье будем обозначать размеры, измеряемые на мониторе линейкой.
      Отношение ширины экрана к его высоте есть 4 : 3 ширину экрана можно записать как 4*z а высоту как 3*z где z - неизвестная величина По теореме Пифагора (4*z)² + (3*z)² = d² тогда z = d/5 значит
Ширина экрана = 4*d/5   Высота экрана = 3*d/5
Обозначим разрешение монитора в пикселях как W x H
Тогда W = 4*d/5   и   H = 3*d/5

1px будет иметь на экране размер 
4*d     4*d   для d=340мм  4*340мм   5*340мм
--- или ---       800x600  ------- = ------- = 0.34мм
5*W     5*H                 5*800     5*600
Этот размер не зависит от dpi
in (Дюйм) = 6 pc = 72 pt = 2.54cm абсолютная единица Пусть dpi=120 (смотри: Щелчок правой кнопкой мышки по рабочему столу - Свойства - Настройка - Дополнительно) Запись dpi=120 означает, что на один дюйм приходится 120 пикселей. Тогда запись width: 1in и запись width: 120px дадут на экране с dpi=120 одну и ту же ширину, и это не зависит от разрешения экрана. Одну и ту же ширину на экране дадут и записи width: 5in и width: 600px (Если бы dpi=96 то одну и ту же ширину на экране дали бы и записи width: 1in и width: 96px)
pc (Пика) = 12 pt = 1 / 6 in ≈ 4.2mm абсолютная единица Для dpi=120 запись width: 1pc аналогична записи width: 20px (смотри дюйм)
pt (Пункт) = 1/72 in = 1 / 12 pc ≈ 0.35mm абсолютная единица Когда задаём размер шрифта в текстовых редакторах, например 12 это и есть пункты. Для dpi=120 запись width: 12pt аналогична записи width: 20px (смотри дюйм)
cm (Сантиметр) = 1/2.54 in абсолютная единица Для dpi=120   1in = 120 px значит 2.54 см = 120 px тогда 1 см = (120/2.54) px Для разрешения 800 x 600 и реальной диагонали 34 см   1px = 0.034см измеренные линейкой на мониторе (смотри пиксель) значит записанный в компьютере 1 см = (0.034*120/2.54) см ≈ 1.61 см измеренные линейкой на мониторе
mm (Миллиметр) = 1 / 10 см абсолютная единица Для dpi=120   1in = 120 px значит 25.4 мм = 120 px тогда 1 мм = (120/25.4) px Для разрешения 800 x 600 и реальной диагонали 34 см   1px = 0.34мм измеренные линейкой на мониторе (смотри пиксель) значит записанный в компьютере 1 мм = (0.34*120/2.54) мм ≈ 1.61 мм измеренные линейкой на мониторе
em относительная единица Изначально 1em равен размеру шрифта, заданного в браузере по умолчанию. В каждом браузере заложен размер текста, применяемый в том случае, когда этот размер явно не задан. Если на странице, в стиле размер шрифта задан в пикселях, например <style type="text/css">body{font-size:20px}</style> то 1em будет равен 20px, и запись <div style="width:4em; height:3em; background-color: blue;"></div> даст прямоугольник 80x60 пикселей. В подобной схеме малые размеры em могут работать не верно (по высоте). Для одних шрифтов меньше 1,2em для других меньше 2em для третьих другие. Если размер шрифта в стиле не задан, то для dpi=120 средний шрифт(12pt) = 20px и это не зависит от разрешения экрана и его диагонали размеры других шрифтов можно рассчитать из пропорции, учитывая что самый мелкий шрифт 9pt, мелкий 10pt, средний 12pt, крупный 14pt, самый крупный 16pt. Значит, когда установлен самый крупный шрифт, это 16pt, что в 4/3 раза больше чем 12pt. Если запись width:10em; при среднем шрифте даёт длину 200px тогда при самом крупном шрифте она даст длину (4/3)*200px = 267px
ex = 1 / 2 em относительная единица
Соотношение em = 1 / 2 ex является не верным, но выполняется для всех шрифтов и почти для всех браузеров (эксплорер, опера, и другие)
% (Процент) относительная единица
Не используемые в CSS
A4 210x294mm (21x29.4cm) - размер обычного печатного листа
EMU (English Metrical Unit) 1mm=36000 EMU
(наименьшая единица измерения, используемая в VML для внутреннего хранения данных)
14''(или 15'' или 17'') Самая смешная единица измерения. Во первых знак '' означает секунды (мера угла), а дюймы должны обозначаться in Во вторых эта единица ничего не измеряет. Запись 14'' следует читать как монитор с диагональю 14 дюймов, хотя на самом деле диагональ монитора может быть всего 13.4 дюйма или меньше. Для определения настоящей диагонали монитора нужно искать в документации на монитор характеристику Видимая область экрана. Она может быть дана или как реальная диагональ: Видимая область. 13.4" (34 см) или как Видимая область экрана - 272 x 204 мм (Для монитора 14" MONITOR 0.28 LG Studioworks 44i )
dpi Количество пикселей на дюйм. Если картинка имеет размер, например 12.7x12.7 см (5x5 дюймов) а на мониторе занимает размер 600x600 px то собственный dpi этой картинки равен 600/5 = 120 пикселей на дюйм. Если эту картинку распечатать на принтере у которого установлен dpi = 300 пикселей на дюйм, то это в 2.5 раза больше, чем 120, значит и картинка получится в 2.5 раза больше, то есть 31.75x31.75 см (12,5x12,5 дюймов) Картинка может быть не квадратной, например 12.7x7.62 см (5x3 дюймов) а на мониторе занимать размер 600x360 px И в этом случае её собственное dpi = 600/5 = 360/5 = 120 Но на принтере может быть установлено одно dpi по горизонтали и другое по вертикали, тогда нужно отдел рассчитать какой размер получится по горизонтали и другое по вертикали.
      Если реальная диагональ (диагональ видимой области экрана) равна 34 см (13.4 пикселя) то его размеры составляют 27.2x31.75 см (10.72x8.04 дюймов) Если установлено разрешение 800x600 пикселей, то собственное dpi экрана = 800/10.72 = 600/8.04 ≈ 74.63 пикселей на дюйм. Если на мониторе установлено dpi = 120 пикселей на дюйм, то это в 1.608 раз больше, чем 74.63 значит, все размеры, заданные в абсолютных единицах (дюймах, пиках, пунктах, сантиметрах, миллиметрах) будут на экране в 1.608 раз больше, если их мерить линейкой. Например запись width: 10см даст на экране ширину 16.08 см, измеренную линейкой.

Используются технологии uCoz