Единицы измерения в CSS

09.7.2008  –  Рубрика: HTML&CSS

Несмотря на то, что большинство использует только одну единицу измерения – px, их на самом деле больше.

В CSS все единицы измерения делятся на два типа: относительные и абсолютные. Абсолютные единицы, размер которых не зависит от устройства вывода, а относительные это единицы это те, размер которых зависит от другой величины.

Относительные единицы

Единица Пример Описание
рx font-size:12px; Размер в пикселях. Пиксель это элементарная точка отображаемая устройством. Размер пикселя зависит от разрешения экрана устройства.
% font-size:100%; Размер в процентах относительно родительского элемента.
em font-size:1em; 1em равен размеру шрифта заданного браузером по умолчанию.
ex font-size:1ex; равен размеру буквы x. Эта величина зависит от размера заданного в браузере по умолчанию.

Стоит заметить, что размер шрифта по умолчанию у разных браузеров стоит разный.

Абсолютные единицы измерения

Единица Пример Описание
in font-size:0.3in; Дюйм (1 дюйм равен 2,54 см)
cm font-size:1cm; Сантиметр.
mm font-size:5mm; Миллиметр.
pt font-size:12pt; Пункт (1 пункт равен 1/72 дюйма).
pc font-size:12pc; Пика (1 пика равна 12 пунктам)

Абсолютные величины используются реже, чем относительные и в основном для работы с текстом. Самая популярная величина это pt. Например, при задании величины текста в MS Word ее величина задается именно в pt.

Пример различных типов величин

Tags:

3 Отзывов to “Единицы измерения в CSS”

  1. Xero201:

    Я что-то слышал про то, что для мониторов с очень маленькими пикселями браузеры автоматически увеличивают значения заданные в px. Правда ли это? И если да – то во сколько раз.

  2. Zodios:

    По поводу пикселя.
    http://ru.wikipedia.org/wiki/%D0%9F%D0%B8%D0%BA%D1%81%D0%B5%D0%BB
    Гипотеза с увеличением мне кажется мифом.

  3. reurneymn:

    >>>Правда о вконтакте.ру<<<

    У меня вконтакте 500+ друзей, и это конечно не предел! Хочу знать обо всех всё! Если родители не начинают трандеть, что мол пора спать, завтра рано вставать блаблабла, я могу просидеть вконтакте до 4-5 утра легко! Потом, правда, сплю до 2-3 дня. Но я не об этом. Я узнала столько секретов о сайте вообще и каждом из своих знакомых в отдельности!!! Недавно вступила в группу «флэшмобистов» и даже организовала встречу среди друзей. Было супер!!!

    >>>Правда о вконтакте.ру<<<

Оставить отзыв


Последние записи