Page 86 - 6859

CSS діє іншим, зручнішим і економнішим способом. Для
присвоєння якому-небудь елементу певних характеристик потрібно
один раз описати цей елемент і визначити цей опис як стиль, а
надалі просто вказувати, що елемент, який необхідно оформити
відповідним чином, повинен прийняти властивості описаного
стилю.
Застосувати таблицю стилів до HTML-документу можна
трьома способами:
- застосувати зовнішні стилі (у вигляді окремого текстового.
css-файлу) за допомогою елементу link;
- вбудувати стилі безпосередньо в HTML-документ (у вигляді
блоку css-тексту) за допомогою елемента style;
- застосувати inline-стиль, тобто призначити стиль конкретному
HTML-елементу безпосередньо в документі, за допомогою HTML-
атрибуту style.

Зовнішні стилі (external style sheets)

Застосовуються за допомогою елемента link, який повинен
розташовуватися тільки всередині елемента head:
<LINK REL="stylesheet" TYPE="text/css"
HREF="mystyle.css" MEDIA="all" />
Зустрівши в HTML-документі цей тег, браузер завантажить з
сайту CSS-файл (у нашому випадку це mystyle.css) і застосує до
документа стилі, що містяться в ньому. Файл не повинен містити
нічого, крім CSS-інструкцій. Зовнішній файл зі стилями зручний
тим, що одні й ті ж стилі можна застосовувати до множини
документів на сайті - в кожному з них достатньо лише вписати один
рядок з елементом link.

Таблиці стилів документа (document style sheets)

Стилі називаються так тому, що розташовуються
безпосередньо в HTML-документі і застосовуються лише до нього.
Іноді називаються embedded style sheet (вбудований стиль). CSS-

85