Свойства CSS для шрифтов

Этот урок css посвятим css свойствам.

Из курса HTML мы знаем, что для того, чтобы сделать шрифт курсивом, необходимо применить тег <i> или <em>. Сделать шрифт курсивом можно и в таблице стилей, не используя тегов. Для этого абзацу, который мы хотим прописать курсивом, добавляем css свойство придающее шрифту курсив - font-style: со значением italic.

Давайте наш абзац из прошлого урока:

p.new {

font-weight:bold;

color:#cc0000;

}

пропишем курсивом:

Пример:

p.new {

font-weight:bold;

color:#cc0000;

font-style:italic;

}

Теперь рассмотрим еще одно css свойство шрифта, позволяющее отображать весь текст абзаца заглавными буквами. Не большими (как при использовании регистра), а именно заглавными. Это свойство font-variant: со значением small-caps;

Пример:

p.new {

font-weight:bold;

color:#cc0000;

font-style:italic;

font-variant:small-caps;

}

И еще один момент - это сокращенное указание css свойств. Вот в примере абзаца

Пример:

p {

color:#424242;

font-size:16px;

font-family:Verdana, Tahoma;

font-weight:normal;

}

можно записать сокращенное указание свойств. Три строки css свойств шрифта:

font-size:16px;

font-family:Verdana, Tahoma;

font-weight:normal;

записываем одной строкой:

font:normal 16px Verdana;

Вначале пишем вес шрифта normal затем через пробел размер шрифта 16px и опять же через пробел какой шрифт - Verdana

Пример:

p {

color:#424242;

font:normal 16px Verdana;

}

Вот таким способом мы три строки заменяем одной. Это применяется для сокращения таблицы стилей, если она занимает много места.