Цвет и шрифт
Кегль (font-size)
Кегль - это, если говорить упрощенно, размер шрифта . Более подробное объяснение следует искать в специальной литературе. Нам достаточно знать, что CSS через параметр font-size позволяет управлять размером букв.
Размер шрифта можно задавать в типографских пунктах (pt, 0,35 мм) или пикселах (px). При установке кегля следует помнить, что font-size задает не высоту буквы, а размер "очка" под букву, который больше самой буквы.
Вот несколько примеров использования font-size:(открыть)
<P STYLE="font-size:12pt;"> Кегль параграфа установлен в 12 пунктов</P> <P STYLE="font-size:12px;"> Кегль параграфа установлен в 12 пикселов</P> <P STYLE="font-size:120%;"> Кегль параграфа установлен в 120% от размера букв охватывающего параграф элемента</P>
Как видно из последнего примера, кегль можно задавать не только в абсолютных единицах, но и в относительных. Кроме процентов, существует еще несколько условных единиц измерения кегля, которые можно применять в CSS: (открыть)
<P STYLE="font-size:large;"> Размер кегля large</P> <P STYLE="font-size:small;"> Размер кегля small</P> <P STYLE="font-size:x-small;"> Размер x-small</P> <P STYLE="font-size:xx-small;"> Размер кегля xx-small</P>
Аналогично x-small и xx-small, существуют размеры x-large и xx-large. Кроме того, есть larger, smaller и medium.
Начертание
У каждой гарнитуры ( font-family ) имеется несколько начертаний. Каждое из них определяется в CSS тремя параметрами стиля: font-style, font-variant, font-weight.
Атрибут стиля font-style определяет прямое начертание ( normal ) и курсив:(открыть)
<P STYLE="color:darkred;font-style:normal;"> Прямое начертание</P> <P STYLE="color:darkred;font-style:italic;"> Курсив</P>
Если хочется усилить насыщенность ("жирность") шрифта, то в описании стиля указывают атрибут font-weight, который принимает значения normal или bold:
<P STYLE="color:darkred;font-style:italic; font-weight:bold;">Курсив</P>
Хотя шрифт и масштабируется при помощи изменения кегля, качество его начертания при этом обычно страдает. Для качественного отображения мелких букв в некоторых гарнитурах присутствует начертание капитель. В CSS для использования капители зарезервирован атрибут font-variant, который принимает значения normal и small-caps. На практике применение font-variant проблематично из-за отсутствия капители в стандартном наборе кириллических шрифтов.