1.2.2.Абсолютні розміри

Абсолютні одиниці вимірювання корисні тільки у тому випадку, коли відомі фізичні параметри пристрою виводу. До них відносяться:

• in - розмір, в дюймах, 1 дюйм рівний 2.54 сантиметрам.

• cm - розмір, в сантиметрах

• mm - розмір, в міліметрах

• pt - розмір, в пунктах, 1 пункт рівний 1/72 дюйми.

• pc - розмір, в списах, 1 спис рівний 12 пунктам.

Приклад:

H1 { margin: 1.5in }

H2 { line-height: 5cm }

H3 { word-spacing: 3mm }

H4 { font-size: 16pt }

H4 { font-size: 2pc }

Якщо вказане значення довжини не підтримується, то браузери автоматично заміщають його підтримуваним значенням. Окрім розглянутих абсолютних одиниць вимірювання, існують ще декілька, призначених для голосових і інших браузерів. До них відносяться: deg, rad, grad, ms, s, Hz, kHz.

1.2.3.Одиниці визначення кольору

• ключове слово - колір задається, використовуючи призначені для користувача настройки

• літерал - колір задається, використовуючи стандартні назви

• шістнадцятиричне - колір задається, використовуючи значення RGB

• процентне - колір задається, використовуючи значення

• десяткове - колір задається, використовуючи значення

Приклад:

H1 { color: background }

H2 { color: red }

H3 { color: #ff0033mm }H4 { color: rgb(100%, 0%, 0%)}

H4 { color: rgb(255, 0, 125)}

1.3.Розділ 3 - Властивості шрифту

1.3.1.font-family

Атрибут визначає тип шрифту по наступних елементах:

• Назва шрифту.

Синтаксис:

селектор {font-family: Times}

• Додаткові шрифти. На випадок, якщо який-небудь з шрифтів не встановлений.

Синтаксис:

селектор {font-family: times, garamond, arial, hevletica}

• Назва сімейства шрифтів.

• Serif-с зарубками,

• Sans Serif- без зарубок,

• Cursive- курсивні,

• Fantasy- декоративні,

• Monospace- моноширинні.

Синтаксис:

селектор {font-family: Serif}

1.3.2.font-size

Атрибут визначає розмір шрифту за допомогою однієї з розмінностей:

• Пункти.

Синтаксис:

селектор {font-size: 12pt}

• Дюйми.

Синтаксис:

селектор {font-size: 12in}

• Сантиметри.

Синтаксис:

селектор {font-size: 12cm}

• Пікселі.

Синтаксис:

селектор {font-size: 12px}

• Відсотки.

Синтаксис:

селектор {font-size: 50%}

• Абсолют.

Синтаксис:

селектор {font-size: small}

Може приймати значення:

• xx-small

• x-small

• small

• medium

• large

• x-large

• xx-large

1.3.3.font-style

Атрибут визначає стиль зображення шрифту.

Синтаксис:

селектор {font-style: italic}

Може приймати значення:

• italic

• normal

• oblique

1.3.4.font-variant

Атрибут визначає розмір зображення шрифту.

Синтаксис:

селектор {font-variant: normal}

Може приймати значення:

• small-caps

• normal

1.3.5.font-weight

Атрибут визначає насиченість зображення шрифту.

Синтаксис:

селектор {font-weight: насиченість}

Може приймати значення:

• normal.

Синтаксис:

селектор {font-weight:normal}

• bold.

Синтаксис:

селектор {font-weight:bold}

• число. Задається в межах від 100 до 900.

Синтаксис:

селектор {font-weight:700}

• Дуже світлий.

Синтаксис:

селектор {font-weight:extra-light}

• Середньо-світлий.

Синтаксис:

селектор {font-weight:demi-light}

• Світлий.

Синтаксис:

селектор {font-weight: light}

• Середній.

Синтаксис:

селектор {font-weight: medium}

• Дуже жирний.

Синтаксис:

селектор {font-weight: extra-bold}

• Средній жирный.

Синтаксис:

селектор {font-weight: demi-bold}

• Жирний.

Синтаксис:

селектор {font-weight: bold}

1.3.6.font-face

Атрибут визначає завантажуваний шрифт з розширенням .eot, використовується для того, щоб забезпечити правильне оформлення документа, оскільки, якщо в системі користувача немає потрібного шрифту, браузер використовує шрифт по-замовчуванню, а це не завжди прийнятно.

@font-face { font-family: ім'я; src: URL(http://domen.ru/шлях/file.eot)}