Зовнішня таблиця стилів (External Style Sheet) — це текстовий
файл із розширенням.css. Його підключають до HTML-документа
за допомогою тегу <LINK>, який записують у розділі <HEAD>,
наприклад:
<LINK REL="stylesheet" TYPE="text/css" HREF="mystyle.css">
Атрибути 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>