Ім'я_контейнера {опис стилю}
Файл можна називати будь-як, наприклад css.htm, але частіше дають таке ім'я ім’я_стилю.CSS.
При цьому приєднання стильового опису, розташованого за межами документа, може здійснюватися такими способами:
• за
допомогою тегу <link>.
Контейнер
<link>
призначений
для встановлення відносних зв'язків
між документами (тобто
для «лінкування» документів).
• безпосередній імпорт стилю за допомогою оператора @import.
В описі стилю зазвичай задають:
стилі для тегів;
стилі для класів об'єктів (задаються атрибутом class);
стилі для об'єктів із заданим унікальним ідентифікатором (для цього використовується атрибут id, який має унікальне значення);
стилі для класів тегу <A>.
Стилі для тегів задаються вказівкою імені тегу на місці селектора.
Наприклад: р {color: green}.
Якщо необхідно задавати однакові стилі неоднорідним тегам розмітки, їх перераховують через кому, наприклад: р, b, h1{color: green}. У наведеному прикладі стильове оформлення шрифту зеленим кольором буде застосоване до всіх тегів <р>, <b> та <h1>. Таким чином, за допомогою класів можна задавати стильове визначення без прив'язування до тегу.
Якщо необхідно застосувати вкладені (каскадні) визначення стилів, тоді ім'я селектора задається таким синтаксисом:
Ім'я_контейнера1 ім'я_контейнера2.. .Ім'я_контейнераN {...},
де N — показник ступеня вкладеності.
Стилі гіперпосилань задають за допомогою псевдокласів тегу <F>: link — лінк; active — активне гіперпосилання; visited — гіперпосилання, яке в;е відвідане; hover — гіперпосилання в момент піднесення курсора.
Псевдокласи при визначенні відокремлюються знаком ".". Наприклад:
<style>
a:link {color.black}
a:visited {color, silver}
a.hover {color.red}
</style>
Існують такі загальні принципи розв'язання конфліктів між таблицями стилів:
1. Таблиця стилів автора сторінки є більш «вагомою», ніж таблиці стилів читача, які у свою чергу є більш «вагомими», аніж установки браузера за замовчуванням.
2. При посиланні на зовнішній опис можливі різноманітні комбінації опису стилів. У цьому випадку діють правила старшинства стилів:
спочатку застосовуються стилі за замовчуванням (стилі установки браузера);
стилі за замовчуванням перевизначаються приєднаними стилями (тег <link> у розділі <head>);
приєднані стилі перевизначаються описувачами в тегу <style>;
стилі тегу <style> перевизначаються атрибутом style у будь-якому тегу.
В описі розмітки мови HTML існують два типи елементів: рядковий елемент in-line і блоковий — block.
Блоковий елемент розмітки відображається всередині прямокутного фрагмента, що знаходиться на окремому рядку і відділений від попереднього і наступного фрагментів.
Рядковий елемент не займає окремого рядка і довкола нього знаходяться інші елементи. Заголовок — це блоковий елемент, а курсив — рядковий. Блокові елементи можна вкладати, а рядкові вкладати і перетинати.
Для стильового узагальнення рядкових і блокових елементів виступають теги <div> і <span>.
Контейнер <div> є універсальним блоковим елементом. Його властивості:
- завжди відокремлюється від інших елементів порожнім рядком;
- не несе ніякого навантаження за значенням, а є роздільником сторінок;
- контейнер <div> дозволяє застосовувати атрибути стилю, пов'язані з границею блоків.
Контейнер <span> є узагальненим рядковим контейнером розмітки. Застосовується для заміни тегів </>, <В>, <U> й інших тегів, зв'язаних з форматом шрифту.
