- •Технология 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. Визуальные эффекты
13. Свойства форматирования шрифтов. Свойство font
Основное назначение свойства font - установить в одном определении значения свойств font-style, font-variant, font-weight, font-size, line-height и font-family. Все значения перечисленных свойств задаются через пробелы в том порядке, как они перечислены выше. Первые три свойства могут не задаваться, что соответствует установке их значений в normal. Размер шрифта и высота строки (свойство line-height) задаются через косую черту. Элементы списка семейств шрифтов свойства font-family задаются через запятую:
P {font: oblique 12pt/14pt "Times Cyr", serif; }
В этом примере для абзаца задается наклонный шрифт Times Cyr высотой 12 пунктов. Высота строк - 14 пунктов. Если не найден шрифт Times Cyr, то применяется любой шрифт типового семейства serif.
Примечание. Все свойства шрифтов являются наследуемыми и применяются ко всем элементам документа HTML.
14. Свойства форматирования цвета и фона элемента
Свойства этой категории определяют цвет и фон элемента. Фон можно задать в виде цвета или изображения. В случае изображения указывается его положение, как оно повторяется, фиксировано ли оно или прокручивается вместе с прокруткой содержимого окна браузера.
Для установки цвета текста элемента существует единственное свойство color. Его значением является цвет, задаваемый с помощью ключевых слов или rgb-функции:
<Р> {color: Blue;}
<ЕМ> {color: rgb(0,0,255); }
Оба правила в примере устанавливают синий цвет текста соответствующих элементов.
Цвет фона элемента определяется значением свойства background-color, а изображение, используемое в качестве фонового, задается свойством background-image. Начальным значением свойства background-color является transparent, которое определяет фон элемента как прозрачный. Значением свойства background-image является абсолютный или относительный адрес файла изображения, используемого в качестве фона. Если это свойство определено, то рекомендуется задать также и цвет фона, который будет использоваться в случае недоступности файла изображения.
BODY {background-color: lightsteelblue;
background-image: url(/image/image.gif);}
Р {background-image: none;}
В приведенном примере задается адрес файла изображения для фона тела документа и явно указывается отсутствие фона для абзацев документа. Если фон задан в виде изображения, то свойство background-repeat определяет его повторяемость и способы повторяемости. Допустимыми значениями являются:
repeat (повторяемость и по вертикали, и по горизонтали, значение по умолчанию),
repeat-x и repeat-y (повторяемость соответственно по горизонтали или вертикали) и
no-repeat (изображение не повторяется).
В следующем примере:
BODY { background-color: lighsteelblue;
background-image: url(/image/image.gif);
background-repeat: repeat-y;}
задается повторяемость изображения фона по вертикали.