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

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

19.04.201617192sima

Измерительные единицы часто употребляются на 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. Вам тоже рекомендую придерживаться такой схемы. Остальные значения могут пригодиться в специфических случаях (например, если вы делаете реалистичную линейку на сайте и т.д.)




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