- •Технология css теоретические сведения
- •1. Общие положения
- •2. Встраивание таблиц стилей в документ
- •3. Селекторы (общие положения)
- •4. Селекторы. Параметр class
- •5. Селекторы. Параметр id
- •6. Контекстные селекторы
- •7. Группирование и наследование
- •8. Свойства форматирования шрифтов. Свойство font-family
- •Свойство font-family
- •9. Свойства форматирования шрифтов. Свойство font-style
- •10. Свойства форматирования шрифтов. Свойство font-variant
- •11. Свойства форматирования шрифтов. Свойство font-weight
- •12. Свойства форматирования шрифтов. Свойство font-size
- •13. Свойства форматирования шрифтов. Свойство font
- •14. Свойства форматирования цвета и фона элемента
- •15. Свойства форматирования цвета и фона элемента
- •16. Свойства форматирования текста
- •Если при задании параметров нужно использовать кавычки, то значение свойства style заключается в апострофы.
- •19. Отображение списков
- •20. Отображение списков
- •21. Блоки
- •22. Блоки
- •23. Блоки
- •24. Визуальное форматирование (общие сведения)
- •25. Абсолютное позиционирование
- •26. Абсолютное позиционирование
- •27. Относительное позиционирование
- •28. Относительное позиционирование
- •29. Статическое позиционирование
- •30. Визуальные эффекты
- •31. Визуальные эффекты
- •32. Визуальные эффекты
8. Свойства форматирования шрифтов. Свойство font-family
Выбор подходящего шрифта для отдельных частей документа является одним из наиболее часто выполняемых действий в процессе разработки HTML-документа. Шрифты различаются по своему внешнему виду (начертанию), по размеру, по стилю (прямой, курсив или наклонный) и по "жирности" отображения (нормальный, полужирный). Каскадные таблицы стилей предоставляют в распоряжение разработчика набор свойств для установки всех перечисленных параметров шрифтов. Кроме того, есть возможность загружать отсутствующие на компьютере пользователя шрифты непосредственно с сервера, на котором расположен документ.
Рассмотрим наиболее часто используемые свойства шрифтов.
Свойство font-family
Свойство font-family позволяет разработчику страницы задать список шрифтов одного стиля и размера, среди которых браузер может искать необходимый символ, если его нет в используемом пользователем шрифте, или на компьютере нет вообще этого шрифта. В отличие от других свойств каскадных таблиц стилей названия семейств шрифтов в списке отделяются запятыми, например:
BODY { font-family: TimesDL, "Times New", serif; }
При интерпретации HTML-страницы браузер сначала ищет на компьютере пользователя шрифт TimesDL. Если такой шрифт отсутствует, то браузер пытается применить шрифт Times New, а если и он не найден, то используется любой шрифт из семейства шрифтов serif - одного из типовых семейств шрифтов компьютера.
Понятие типовое семейство шрифтов введено в каскадные таблицы стилей с целью реализации сто процентного отображения страницы, если не найдены специально использованные автором шрифты. В любой реализации каскадных таблиц стилей должны существовать пять типовых семейств шрифтов, которые соответствуют реальным шрифтам, обычно устанавливаемым на большинстве компьютеров:
serif (например, Times);
sans-serif (например, Helvetica);
cursive (например, Zapf-Chancery);
fantasy (например, Western);
monospace (например, Courier).
Имена шрифтов, состоящих из нескольких слов, должны заключаться в кавычки:
BODY {font-family: "Times New Roman", serif;}
<BODY STYLE="font-family: 'Times New Roman', serif;">
Замечание. Следует использовать кавычки разных типов при задании последовательности всех определяемых свойств в параметре STYLE и при задании имени шрифта в свойстве font-family.
9. Свойства форматирования шрифтов. Свойство font-style
Свойство font-style определяет стиль шрифта из выбранного семейства:
нормальный (normal),
курсивный (italic) или
наклонный (oblique).
Нормальный шрифт - это обычный прямой шрифт, используемый для печати документов. Курсивный стиль шрифта напоминает каллиграфические этюды в прописях первоклассников и близок к рукописному. Наклонные шрифты генерируются из обычных прямых шрифтов небольшим наклоном символов. Обычно в базе шрифтов браузера все шрифты, в именах которых встречаются слова Oblique, Slanted1 или Incline отмечены как наклонные (oblique) шрифты. Шрифты, в названиях которых присутствуют слова Italic, Cursive или Kursiv, отождествляются браузером с курсивными (italic).
Следующие правила определяют курсивный стиль шрифта заголовка первого уровня и нормальный, прямой шрифт выделенных частей заголовка:
Н1 {font-style: italic; }
H1 ЕМ {font-style: normal;}