Page 215 - 4505

</TABLE>
</DIV>
Для елементів DIV і SPAN наявність початкового і кінцевого тега обов'язкова.
Відмінність між цими елементами полягає у візуальному представленні - браузери ставлять
переведення рядка до початку і після закінчення елементу DIV. У разі елементу SPAN це не
відбувається.
Найчастіше ці елементи застосовуються у поєднанні з певними стилями, що дають
можливість візуально представити структуру документу. Стиль - це набір правил оформлення і
форматування, який може бути застосований до різних елементів сторінки. Визначення
стильового оформлення HTML -документа проводиться за допомогою каскадних таблиць
стилів (CSS - Cascading Style Sheets).
Існує цілих чотири способи зв'язування документу і таблиці стилів :
 Зв'язування - дозволяє використовувати одну таблицю стилів для форматування
багатьох сторінок HTML
 Впровадження - дозволяє задавати усі правила таблиці стилів безпосередньо в самому
документі
 Вбудовування в теги документу - дозволяє змінювати форматування конкретних
елементів сторінки
 Імпортування - дозволяє вбудовувати в документ таблицю стилів, розташовану на
сервері
Зв'язування - проводиться за допомогою елементу LINK :
<LINK REL="stylesheet" TYPE="text/css" HREF="URL">
Впровадження - варіант, при якому опис стилів розташовується в документі, усередині
елементу HEAD з використанням елементу STYLE :
<STYLE type="text/css">
<-- приховуємо таблицю для старих браузерів
-->
</STYLE>.
Параметр type="text/css" є обов'язковим і служить для вказівки браузеру використовувати
CSS.
Вбудовування в теги документу - произврдится за допомогою параметра style,
використовуваного в більшості елементів HTML. Цей метод небажаний, він призводить до
втрати однієї з основних переваг CSS - можливості відділення інформації від опису оформлення
інформації.
Імпортування - в елементі STYLE можна імпортувати зовнішню таблицю стилів за
допомогою властивості @import таблиці стилів :
@import: url(mystyles.css);
Його слід задавати на початку стильового блоку або зв'язуваної таблиці стилів перед
завданням інших правил. Значення властивості @import являється URL файлу таблиці стилів.
Розглянемо правила формування таблиць стилів. Усі оголошення CSS (селекторы)
записуються у фігурних дужках:
ЕЛЕМЕНТ {характеристика: величина}
Існує досить великий набір характеристик, визначених для кожного елементу. Ці
характеристики визначають властивості шрифту, тексту, кольору і фону, властивості, пов'язані
з розмірами і рамками, і так далі.
Деякі характеристики будуть розглянуті нижче.
Наприклад, щоб забарвити усі заголовки першого рівня в червоний колір, можна
написати:
H1 {color: red} чи H1 {color: #FF0000}

211