Опубликован: 31.10.2006 | Доступ: свободный | Студентов: 12198 / 4792 | Оценка: 4.35 / 4.14 | Длительность: 08:43:00
Лекция 5:

Шрифты в CSS

< Лекция 4 || Лекция 5: 12345 || Лекция 6 >

Шрифты в CSS: подробное рассмотрение

Параметр 'font'

Параметр font предназначен для сокращенной записи, позволяющей задать все свойства шрифта в одном объявлении (за исключением некоторых системных шрифтов).

Наследование: да.

Может принимать следующие значения:

Значение Описание
font-style Задает свойства шрифта. Значение line-height задает расстояние между строками. Это значение может быть числом, % или размером шрифта
font-variant
font-weight
font-size* /line-height
font-family
Caption Определяет шрифт для элементов управления с заголовком (таких, как кнопки, раскрывающиеся меню и т.д.)
icon Определяет шрифты, которые используются метками пиктограмм приложений
menu Определяет шрифты, которые используются для раскрывающихся меню.
message-box Определяет шрифты, которые используются в диалоговых окнах.
small-caption
status-bar Определяет шрифты, которые используются в строке состояния окна

(*это свойство имеет также шестое значение: "line-height", которое задает расстояние между строками)

Примеры:

pre
{
font: oblique arial
} 

h1
{
font: italic 200 arial
}

p
{
font: italic small-caps 10px/12px serif
} 

p
{
font: status-bar
}

Параметр 'font-family'

Данное свойство определяет для элемента список имен семейств шрифтов и/или имен порождающих семейств в порядке их приоритета. Если специфицировано несколько значений, то браузер будет использовать первое распознанное значение.

Существует два типа значений font-family:

  1. family-name: имя семейства шрифтов ("times", "courier", "arial", и т.д.);
  2. generic-family: имя порождающего семейства, ("serif", "sans-serif", "cursive", "fantasy", "monospace").

В качестве разделителя используется запятая. Для последнего варианта желательно определять имя порождающего семейства. Если же имя семейства содержит пробел, то его необходимо поместить в кавычки. При использовании в HTML атрибута "style" применяются одиночные кавычки.

Наследование: да.

Может принимать следующие значения:

Значение Описание
family-name Определяет для элемента имен семейств шрифтов и/или имен
generic-family порождающих семейств в порядке их приоритета.

Примеры:

h1
{
font-family: Garamond, serif
} 

<p style="font-family:  Courier, Prestige, sans-serif">

Параметр 'font-size'

Параметр задает размер шрифта.

Наследование: да.

Может принимать следующие значения:

Значение Описание
xx-small Задает размер шрифта от xx-small до xx-large
x-small
small
medium
large
x-large
xx-large
smaller Задает размер шрифта меньше, чем у порождающего элемента
larger Задает размер шрифта больше, чем у порождающего элемента
length Задает фиксированный размер шрифта
% Задает размер шрифта в % от порождающего элемента

Примеры:

p
{
font-size: small
}

pre
{
font-size: 5pt
}

i
{
font-size: 3em
}

p
{
font-size: 120%
}
< Лекция 4 || Лекция 5: 12345 || Лекция 6 >
Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?