Форматирование шрифта
Каскадные таблицы стилей позволяют задать название, цвет и размер шриф- та, его стиль и "жирность". Кроме того, можно указать несколько имен шрифтов и одно из названий альтернативных семейств. Ведь на компьютере пользователя может не быть нужного шрифта.
2.4.1. Имя шрифта
Атрибут font-family позволяет задать имя шрифта:
p { font-family: "Arial" }
В ряде случаев шрифт может отсутствовать на компьютере пользователя. По- этому лучше указывать несколько альтернативных шрифтов. Имена шрифтов указываются через запятую:
p { font-family: "Verdana", "Tahoma" }
Можно также указать одно из пяти типовых семейств шрифтов — serif,
sans-serif, cursive, fantasy или monospace:
p { font-family: "Verdana", "Tahoma", sans-serif }
2.4.2. Стиль шрифта
Атрибут font-style позволяет задать стиль шрифта. Он может принимать следующие значения:
? normal — нормальный шрифт:
p { font-family: "Arial"; font-style: normal }
? italic — курсивный шрифт:
p { font-family: "Arial"; font-style: italic }
? oblique — наклонный шрифт:
p { font-family: "Arial"; font-style: oblique }
2.4.3. Размер шрифта
Атрибут font-size позволяет задать размер шрифта:
.text1 { font-size: 12pt; font-family: "Arial" }
Можно указать абсолютную величину или одну из типовых констант —
xx-small, x-small, small, medium, large, x-large или xx-large:
.text1 { font-size: large; font-family: "Arial" }
Кроме того, можно указать относительную величину (например, значение в процентах) или одну из двух констант — larger или smaller:
.text1 { font-size: 150%; font-family: "Arial" }
.text2 { font-size: smaller; font-family: "Arial" }
2.4.4. Цвет шрифта
Атрибут color позволяет задать цвет шрифта:
.text1 { font-size: 12pt; font-family: "Arial"; color: red }
.text2 { font-size: 12pt; font-family: "Arial"; color: #00FF00 }
.text3 { font-size: 12pt; font-family: "Arial"; color: rgb(255, 0, 0) }
2.4.5. Жирность шрифта
Атрибут font-weight позволяет управлять жирностью шрифта. Может при-
нимать следующие значения:
? 100, 200, 300, 400, 500, 600, 700, 800, 900 — значение 100 соответствует самому бледному шрифту, а 900 — самому жирному:
p { font-family: "Arial"; font-style: italic; font-weight: 700 }
? normal — нормальный шрифт. Соответствует значению 400:
p { font-family: "Arial"; font-style: italic; font-weight: normal }
? bold — полужирный шрифт. Соответствует значению 700:
p { font-family: "Arial"; font-style: italic; font-weight: bold }
Источник: Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера. — 3-е изд., перераб. и доп. — СПб.: БХВ-Петербург, 2010. — 912 с.: ил. + Видеокурс (на CD-ROM) — (Профессиональное программирование)
Похожие посты:
- Создание колонки, занимающей все доступное пространство по высоте (0)
- Создание горизонтального меню с помощью списков и CSS (0)
- Выбор единиц измерения размера шрифтов:пикселы, пункты, пики или что-то другое (0)
- Представление табличных данных в привлекательной и удобной форме (0)
- Нужно ли отображать на сайте инструменты для изменения размера шрифта или переключения между различными таблицами стилей? (0)
- Подчеркивание заголовков (0)
- Центрирование блока на странице (0)