Свойства 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;
}
Вот таким способом мы три строки заменяем одной. Это применяется для сокращения таблицы стилей, если она занимает много места.
|