Семейства шрифтов font-family

Таблица 4.1. Примеры шрифтов, входящих в различные семейства шрифтов

Семейство шрифтов Примеры шрифтов Описание семейства
serif Times New Roman, Book Antiqua Шрифт с засечками
sans-serif Helvetica, Arial, Verdana Шрифт без засечек
cursive Zapf-Chancery Курсивный шрифт
fantasy Western, Comic Декоративный шрифт
monospace Courier New Моноширинный шрифт

Варианты шрифтов разделяются запятыми, название шриф­та, состоящее из нескольких слов, заключается в кавычки:

р {font-family: 'Western, Times New Roman', serif;}

2. Толщина шрифта font-weight: lighter, bold, bolder.
Пример:

p.bold {font-weight: bold;} (относительно предыдущего текста).

3. Размер шрифта font-size: относительный (проценты — %), или абсолютный (пикселы — рх, пункты — pt, сантиметры — cm и миллиметры — mm).

Пример:

hi {font-size: 200%;} (относительно основного текста)

h2 {font-size: 50px;}

h3 {font-size: 12pt; }

4. Оформление текста text-decoration. Значения: подчеркива­ние (underline), надчеркивание (overline), зачеркивание (line-through), нет подчеркивания (попе).

Примеры:

h4 {text-decoration: underline;}

р {text-decoration: overline;}

.wrong {text-decoration: line-through;}

a {text-decoration: none;}

Цвет.

Цвет элемента color — цвет элемента в модели RGB или по стандартным названиям цветов.

Примеры:

hi {color: yellow;}

hi {color: yellow;}

.active {color: #FFFF00;}

2. Цвет фона background-color — цвет фона элемента (фоно­вый цвет).

Пример:

hl.grayback {background-color: #CCCCCC;}


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: