Свойства, вводимые листами стилей, условно можно разбить на группы (например, группа свойств текста или группа свойств шрифтов). Мы ограничимся рассмотрением свойств, которые наиболее часто используются разработчиками Web -страниц.
В CSS предусмотрено множество свойств для управления шрифтами (задание гарнитуры, размера, начертания и т.д.). Эти свойства можно назначать вместе со свойствами, определяющими цвет шрифта, фон, отступы, межсимвольное расстояние. Рассмотрим кратко только свойства шрифтов.
✓ font - family ~ задает гарнитуру шрифта, которая будет использована для вывода текста. Значением этого свойства может быть название конкретного шрифта (например, Arial ) либо название семейства шрифтов. В спецификации CSS предусмотрены следующие семейства: serif (например, Times New Roman , Bodoni ), sans - serif (например, Arial , Futura , Helvetica ), cursive (например, Caflisch Script , Zapf - Chancery ), fantasy (например, Alpha Geometrique , Western ), monospace (например, Courier New ). При определении свойства font - family можно указывать список шрифтов, разделенных запятыми, аналогично тому, как это делается при задании атрибута face;
✓ font - size - определяет размер шрифта. Значение размера может быть задано в абсолютных единицах (например, 10 pt , 8 mm , 2 in ), в процентах от основного шрифта (например, 130%), а также с помощью размерных выражений. К таким выражениям относятся: хх- small (сверхмелкий), х- small (очень мелкий), small (мелкий), medium (средний), large (крупный), х- large (очень крупный), хх- large (сверхкрупный), larger (крупнее), smaller (мельче);
✓ font - style - задает стиль вывода символов. Возможны следующие значения этого свойства: normal (обычный), italic (курсив) и oblique (наклонный);
✓ font - weight - назначает вес или степень «жирности» шрифта. Для этого используются целые числа из диапазона от 100 до 900 с шагом 100 единиц. Однако чаще применяют ключевые слова: bold (жирный), bolder (более жирный) и lighter (более тонкий);
✓ font - variant - указывают вариант начертания текущего шрифта. Для этого свойства браузеры поддерживают только два значения: small - caps (отображение малыми прописными буквами) и normal (не влияет на отображение).
Приведем примеры задания свойств шрифта:
Р {font-family: helvetica, arial}
STRONG {font-size: 150%}
DIV.mono { font-family : monospace;
font-size : larger;
font-variant : small-caps}
Кроме рассмотренных выше свойств шрифтов, имеется еще одно - font . Это «обобщающее» свойство шрифта, в котором может быть указано значение любого атрибута шрифта ( font - family , font - size , font - style и т.д.). Для этого значения свойств упорядочиваются в виде последовательности.