Единицы измерения и их обозначения

Единицы измерения и их обозначения

12017-01-0422502Денис Абдуллин

Измерительные единицы часто употребляются на web-страницах. Они могут быть как на самой HTML-страничке так и в Таблице стилей (CSS). Цифры всегда сопровождаются названием единицы измерения. Но если мы используем атрибут width, то можно не указывать единицу измерения, а просто написать числовое значение. Оно автоматически будет приниматься за логические точки экрана (пиксели). Единицы измерения и их обозначения бывают разные, их нужно писать слитно, не должно быть никаких пробелов, никакого расстояния между числом и единицей измерения.

Единицы измерения в вебе делятся на 2 типа: абсолютные и относительные.

На любом сайте используются единицы измерения. Без них невозможно. Их можно разделить на две группы: абсолютные и относительные единицы измерения.

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

  • in (дюйм, inch), 1in = 25,4mm
  • mm (миллиметр)
  • cm (сантиметр)
  • pt (точка, point), 72pt = 1in
  • pc (пика), 1pc = 12pt

Относительные единицы измерения:

  • em (высота шрифта данного элемента)
  • ex (высота буквы «X» в данном шрифте)
  • px (пиксель, pixel) – логическая точка экрана
  • % (процент) – значения, зависимые от определенной среды, например, от ширины экрана

Какие единицы измерения использовать решает разработчик. Лично я в своей практики использую в основном пиксели и проценты, а для обозначения межстрочного расстояния em. Вам тоже рекомендую придерживаться такой схемы. Остальные значения могут пригодиться в специфических случаях (например, если вы делаете реалистичную линейку на сайте и т.д.)


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (2)
Денис Абдуллин 2016-04-19 в 20:38 / Материал
Это материал 2011 года, просто немного освежился. В ближайшее время буду редактировать старые материалы и поднимать их, поэтому не удивляйтесь количеству просмотров.
1
Alexander Kirshin 2016-04-19 в 21:09 / МатериалСпам
есть еще "rem" - это что-то вроде глобального значения размера шрифта для всей страницы. А "em" идет уже как относительная "rem".
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.