Підключення зовнішньої таблиці стилів

Зовнішня таблиця стилів (External Style Sheet) — це текстовий

файл із розширенням .css. Його підключають до HTML-документа

за допомогою тегу <LINK>, який записують у розділі <HEAD>,

наприклад:

Атрибути REL та TYPE вказують браузеру на те, що сторінка використовує

таблиці каскадних стилів. Атрибут HREF задає адресу

файлу (mystyle.css).

Перевага такого методу підключення CSS полягає у тому, що одну

таблицю стилів можна підключати до багатьох документів, і всі

вони матимуть єдине стильове оформлення.

Внутрішні таблиці стилів

Внутрішню таблицю стилів (Embedded Style Sheet) розміщують

безпосередньо в розділі HEAD, у блоці, який обмежений тегами

<STYLE> та </STYLE>.

<HEAD>

<STYLE>

Тегі { в л а с т и в і с т ь 1 1 : значення11; в л а с т и в і с т ь 1 2 : значення12; ...;

в л а с т и в і с т ь 1 n : з н а ч е н н я і 1 n }

Тег2 { в л а с т и в і с т ь 2 1 : значення21; в л а с т и в і с т ь 2 2 : значення22; ...;

в л а с т и в і с т ь 2 m : значення2m}

</STYLE>

</HEAD>

найпростіша внутрішня таблиця стилів — це

послідовність визначень тегів, кожне з яких записується, як правило,з нового рядка. Визначення тегу містить його ім'я без кутових дужок, за яким у фігурних дужках через крапку з комою

перелічують властивості тегів та їхні значення, розділені двокрапками.

Внутрішні Таблиці Стилів

Вони задають стиль

тільки одному елементу документа за допомогою атрибута STYLE y HTML

тегу.

Вбудовані стилі

Вбудовані стилі (Inline Styles) вставляють у теги заголовків <Н1>...

<Нб >, абзацу <Р>, тіла <BODY>, а також у теги <DIV>, <IMG> тощо

за допомогою атрибута STYLE, в якому перелічують властивості

та їх значення. Наприклад:

<Р STYLE="font-size: 48pt; color: yellow">

Визначені у такий спосіб властивості мають найвищий пріоритет

порівняно з іншими, оскільки вони визначені безпосередньо у тегу.

Цей підхід використовують для оформлення невеликої кількості

елементів.

Приклад використання атрибута STYLE для форматування заголовка

другого рівня:

<Н2 STYLE="font-size: 48pt; font-family: Arial">Текст...</Н2>