CSS единицах
При определении численного или длина значения свойств CSS таких как width или font-size у вас есть выбор из различных подразделений. 3 наиболее часто используемых из них пикселей, относительной ценности и проценты.
Пиксели
Пиксели крошечные точки, которые составляют экране компьютера и являются наиболее точными единица Вы можете использовать для этого средства. Если установить ширину до 100 пикселей будет отображаться именно так, не больше и не меньше. Для установки значений в пикселях можно просто добавить PX сразу после этого значения.
CSS блок пиксельных
Относительные значения
Относительные значения часто используются для font-size , Хотя они могут быть использованы для любых других численных собственности, тоже. Они по сравнению с текущим элементом и устанавливаются путем добавления Em. 1em всегда использует текущее значение без изменений, 2em использует двойные и 0.5em использует половину (технически EM средства по отношению к ширине нижнего регистра символов м в текущем шрифтом).
CSS относительной стоимости пая
p {font-size:2em}
Приведенный выше код устанавливает font-size на 13 пикселей для организма элементов. Пункт элементов внутри тела использовать относительные значения 2em, что позволило удвоить значение 26 пикселей.
Если мы используем 1.9em вместо того, в этом пункте значения приведет к 24,7 пикселей. Потому что экран компьютера может отображать только Всего пикселей веб-браузер попытается круглого значения либо 24 пикселей или на 25 пикселей, которые иногда могут приводить к возникновению несоответствий между браузерами.
Процентное
Процентное работа в значительной степени так же, как относительные ценности. 100% берет текущее значение без изменений, 200% удваивает их и так далее. Процентное устанавливается путем добавления%.
CSS Процент единиц
p {font-size:200%}
Zero
Если значение равно нулю нет необходимости государственного устройства.
CSS нулевого значения
Другие подразделения
Есть несколько реже использовали такие подразделения, как ПК (пики), см (сантиметры), мм (миллиметрах), в (дюймах) и Pt (точек).
Использование принципов
1. Относительные значения для шрифтов
Сайт должен быть гибким и изменяемым, в том числе шрифты (при нажатой клавише Ctrl ключ и перемещение мыши колесо). Некоторые старые версии Internet Explorer отказывается изменять размеры шрифтов, если вы укажете font-size в пикселях. Используйте вместо относительного значения. 76% для <body> шрифт и ЭМ для всех других шрифтов обычно прибегают для получения последовательной шрифтов во всех браузерах.
2. Пиксели только при необходимости
Общее правило заключается в использовании относительных величинах и в процентах возможности для обеспечения гибкой планировкой во всех средствах массовой информации. Хотя пикселей ОК, если Вам нужно позиционировать вещей очень точно на экране.