CSS/Длины и единицы: различия между версиями

Содержимое удалено Содержимое добавлено
Новая страница: «Чтобы задать ширину, высоту и другие длины, вы можете использовать различные подразделе...»
 
Нет описания правки
Строка 1:
Чтобы задать ширину, высоту и другие длины, вы можете использовать различные подразделенияединицы измерения, перечисленные в следующей таблице.
 
{| class="wikitable"
Строка 12:
|-
| ex
| Высота буквы «х» в письме шрифта элемента.
|
|-
| px
| пиксель
|
|-
| %
| процент
|
|-
Строка 28 ⟶ 32 :
|-
| pt
| точкапункт (1/72 дюйма)
|
|-
| pc
| пика (12 балловпунктов = 1/6 дюйма)
|
|-
| in
| дюйм (2,54 сантиметра)
|
|}
Первые четыре величины являются относительными, а остальные — абсолютными.
Длина может быть также задан в процентах от друга длиной. Использование процент может быть сложным, так как длина базы варьируется от собственности на имущество. Например, когда проценты используются с {{CSS:property|margin}} собственности Расчет основан на ширине содержащего блока. Когда проценты используются с {{CSS:property|font-size}} собственности Расчет основан на {{CSS:property|font-size}} родительского элемента, но с {{CSS:property|line-height}} она основана на {{CSS:property|font-size}} текущего элемента.
 
Длина может быть также заданзадана в процентах от другадругой длинойдлины. Использование процентпроцентов может быть сложным, так как длинаоснова базыдлины варьируется от собственностисвойства нак имуществосвойству. Например, когда проценты используются ссо свойством {{CSS:property|margin}}, собственности Расчетрасчёт основан на ширине содержащего блока. Когда проценты используются ссо свойством {{CSS:property|font-size}}, собственности Расчетрасчёт основан на {{CSS:property|font-size}} родительского элемента, но с {{CSS:property|line-height}} онаон основанаоснован на {{CSS:property|значении font-size}} текущего элемента.
 
Размеры шрифтов на экране, лучше всего выражаетсяустановливать в процентах или <code>em</code>. Это означает, что страница будет правильно взаимодействовать с изящнопользовательскими предпочтениянастройками пользователей шрифташрифтов. Использование точек (пикселей <code>px</code>) для размеров шрифта вызывает ряд проблем и их следует избегать.
 
АбсолютныхАбсолютные единицахединицы <code>mm</code>, <code>cm</code>, <code>pt</code>, <code>pc</code> и <code>in</code> неплохо работают на экране и могут привести к проблемам во многих старых браузеровбраузерах. Безопаснее всего использовать их только для печатных СМИ. Даже в печатных СМИ они могут плохо взаимодействуютвзаимодействовать с предпочтениямипользовательскими пользователейнастройками.
 
Относительные единицы (em, ex, px и %) определяют размер элемента относительно значения другого размера.
 
Например, em - высота шрифта текущего элемента, а ex - высота символа х в нижнем регистре.
Размеры шрифтов на экране, лучше всего выражается в процентах или <code>em</code>. Это означает, что страница будет взаимодействовать с изящно предпочтения пользователей шрифта. Использование точек (пикселей <code>px</code>) для размеров шрифта вызывает ряд проблем и их следует избегать.
 
Абсолютных единицах <code>mm</code>, <code>cm</code>, <code>pt</code>, <code>pc</code> и <code>in</code> не работают на экране и привести к проблемам во многих старых браузеров. Безопаснее всего использовать их только для печатных СМИ. Даже в печатных СМИ они могут плохо взаимодействуют с предпочтениями пользователей.
[[Категория:CSS]]