Здравствуйте, дорогие друзья!
Продолжаем говорить о свойствах шрифта. В предыдущем посте я уже писала про то, как задается название шрифта, его стиль, толщина и вариант

Осталось рассмотреть, как задается размер шрифта в CSS.
С размерами в CSS много всякого намешано, но, если внимательно прочитать, то ничего сложного нет

Итак, размер можно устанавливать точный в сантиметрах, пунктах и т.п. и относительный в процентах и других хитрых единицах измерения.

Свойство font – size может быть задано в любых единицах измерения длины:
font – size: 36pt; (пункты)
font – size: 3pe; (пики)
font – size: 0.5in; (дюймы)
font – size: 1.27cm; (сантиметры)
font – size: 12.7mm; (миллиметры)

При разрешении экрана 72 dpi – все эти размеры идентичны.
Чаще всего для задания точного размера используют пиксели (px).
При написании размера пробел между числом и единицей измерения НЕ СТАВИТСЯ!

Относительные значения:
xx – small
x – small
small
medium
large
x – large
xx – large
smaller
larger

Надеюсь, вы разобрались с этими значениями medium – это средний размер, который используется по умолчанию. То что, выше – разные степени уменьшения, а то, что ниже – увеличения шрифта.
Разница между соседними значениями – 1,2. Если шрифт по умолчанию 16px, то:

Примеры:
P { font-size: 16рх; }
STRONG { font-size: 150%; }

В данном примере для обычного текста в абзаце (элемент Р) задается размер 16рх, выделенный текст в этом абзаце ( STRONG) будет составлять 150% от размера всего остального текста в этом абзаце.

Есть еще одна специфическая единица измерения для шрифта: em.
Один   em – это значение свойства font-size заданного текста.
Если для элемента font-size  равен 14 пикселям, то  1em равен 14 пикселей. А 1.5em равно 21 пиксель.
Т.е., 1.5em=150%
Величина  em зависит от того, к каким элементам применяется.
Для  H1 – это одно значение, а для  H3 может быть другое, а для Р – третье.

Задание шрифта в целом. Свойство font
Свойство “шрифт” является  обобщающимся свойством для определения ‘font-style’ ‘font-variant’ ‘font-weight’ ‘font-size’, и ‘font-family’ в одном и том же месте таблицы стилей CSS и позволяет определить в одном месте все свойства шрифта:
h1 {font – family: Verdana, sans – serif;
font – size: 30px;
font – weight: bold;
font – style: italic;
font – variant: small – caps;}

Все эти свойства можно объединить в одном свойстве font:

h1 {font: italic bold small – caps 30px Verdana, sans – serif;}

При использовании свойства font, необходимо всегда указывать font – size и font – family.
Остальные свойства можно использовать в произвольном порядке или опускать, если их значения = normal.
Желаю успехов,
Марина Макарова

* * *

Хорошее, все-таки, изобретение – прачечная! Постирают, погладят, приятным ароматом напитают! Особенно ценю это дело зимой, когда на улице то снег, то дождь – белье не сохнет, а гладить вообще лень

Читайте еще по этой теме:

• Свойства CSS, отвечающие за цвет элемента (8)
• Рамки в CSS (6)
• Отступы и поля в CSS (3)
• Как изменить шрифт в блоге (15)
• Как задаются значения цвета в CSS (2)