Единицы измерения в 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: CSS
3 Отзывов to “Единицы измерения в CSS”
Оставить отзыв
Последние записи
- DATA:URL – Картинки в документе без дополнительных запросов к серверу
(Вторник, 09. 8. 2009 – 12 отзывов) - Как изменить внешний вид checkbox
(Вторник, 04. 28. 2009 – 24 отзывов) - Как сделать галерею товаров для интернет-магазина
(Пятница, 03. 13. 2009 – 7 отзывов) - Я.ру
(Воскресенье, 03. 8. 2009 – 1 отзыв)
Ноябрь 16, 2008 в 17:24
Я что-то слышал про то, что для мониторов с очень маленькими пикселями браузеры автоматически увеличивают значения заданные в px. Правда ли это? И если да – то во сколько раз.
Ноябрь 16, 2008 в 21:39
По поводу пикселя.
http://ru.wikipedia.org/wiki/%D0%9F%D0%B8%D0%BA%D1%81%D0%B5%D0%BB
Гипотеза с увеличением мне кажется мифом.
Октябрь 2, 2009 в 3:49
>>>Правда о вконтакте.ру<<<
У меня вконтакте 500+ друзей, и это конечно не предел! Хочу знать обо всех всё! Если родители не начинают трандеть, что мол пора спать, завтра рано вставать блаблабла, я могу просидеть вконтакте до 4-5 утра легко! Потом, правда, сплю до 2-3 дня. Но я не об этом. Я узнала столько секретов о сайте вообще и каждом из своих знакомых в отдельности!!! Недавно вступила в группу «флэшмобистов» и даже организовала встречу среди друзей. Было супер!!!
>>>Правда о вконтакте.ру<<<