|
Форум Web-мастеру Уроки HTML и CSS Синтаксис CSS. Единицы измерения (1) |
Синтаксис CSS. Единицы измерения (1) |
Для того чтобы задавать значения свойств, в CSS предусмотрены различные единицы измерения. Это единицы длины, единицы задания цвета и URL.
Единицы длины. Все единицы длины служат для задания вертикальных или горизонтальных размеров объектов, размеров рамок, полей, отступов, размера шрифта и высоты строки. Все они делятся на два больших класса: относительные и абсолютные. Относительные устанавливают размер относительно какой-то другой единицы, например точки на экране монитора, размер которой в свою очередь зависит от разрешения. Относительных единиц всего три. рх. 1 рх равен одной точке на экране монитора, которую обычно называют пикселем. em. 1 em равен размеру (высоте) шрифта, используемого в данном элементе. Например, если в пределах абзаца используется размер шрифта, равный 12 пикселям, то в пределах этого абзаца 1 еm = 12 рх. ех. 1 ех равен высоте строчной буквы "х" в шрифте. Именно по этой букве формируется оптическая высота строки. Величина ех, так же как и величина em, зависит от базового размера шрифта элемента. Абсолютные единицы измерения имеют фиксированный размер, не зависящий от других величин, их в CSS поддерживается всего пять. in. 1 in равен одному дюйму, т.е. 2,54см. Дюйм, как единица измерения длины, характерен для англоязычных стран: США, Великобритании и др. Абсолютные величины лучше использовать только тогда, когда известны параметры устройства вывода. Например, экраны мониторов могут иметь совершенно различные размеры и разрешения, которые и определяют размер относительных величин, например пикселя. Так что шрифт размером 10 рx. может хорошо читаться на маленьких разрешениях, но плохо на больших. |
| |||
| |||