Page 216 - 4505
P. 216
Групування. Можна присвоїти відразу групу властивостей декільком елементам. Для
цього елементи перераховуються через кому, а кожна властивість відділяється від іншого
крапкою з комою:
H1, H2 {font - size: 14pt; font - family: Arial; text - decoration: underline}
Цей запис означає, що усі заголовки першого і другого рівня відображуються
підкресленими з використанням шрифту Arial величиною 14 пікселів.
Спадкоємство. У документі HTML деякі елементи можуть міститися усередині інших
елементів. Якщо для зовнішнього елементу визначені правила форматування, а для вкладеного
- ні, вкладений елемент наслідує правила форматування елементу-батька.
Деякі властивості не наслідують вкладеними елементами від своїх батьків, наприклад
властивість background, але за умовчанням вкладені елементи відображуватимуться з фоном
батьківського елементу.
Спадкоємство корисне при завданні значень властивостей, що застосовуються до
документу за умовчанням. Для цього досить задати усі властивості для елементу, що породжує
усі інші елементи сторінки HTML. Таким елементом
є тіло документу, визначуване BODY:
BODY {color: black;
font - family: "Times New Roman";
font - size: 12 pt;
background: url(picture.gif) white;}
Приведені правила задають форматування документу за умовчанням: чорним шрифтом
Times New Roman з фоном, графічним файлом picture, що задається.gif, або на білому фоні,
якщо файл недоступний.
Використання спадкоємства дозволяє використовувати для форматування не абсолютні, а
відносні величини. Наприклад, використовуючи правила форматування документу, описані
вище, ми можемо встановити властивості для елементу SPAN таким чином:
SPAN {font - size: 120%}
Контекстні селекторы. Спадкоємство дозволяє застосовувати стилі контекстного. Це
означає, що селектор буде застосований до елементу тільки у тому випадку, якщо він
знаходиться усередині певного елементу. Наприклад, визначення
P SPAN {font - size: 120%} означає, що розмір шрифту для елементу SPAN буде
збільшений на 120% тільки у тому випадку, коли цей елемент знаходиться усередині елементу
P. У усіх інших випадках використовуватимуться або значення за умовчанням (визначені в
браузері), або визначені в таблиці стилів для цього елементу значення.
Каскади. Ідея каскадних таблиць припускає, що є можливість одночасного використання
різних таблиць стилів для одного документу. У кожного браузеру є свій стиль, визначений за
умовчанням для представлення документів. Коли браузер завантажує HTML -документ, він
показує його своїм стилем. Якщо ж документ посилається на таблицю стилів, будуть
відображені особливості, задані в цій таблиці. Якій таблиці буде віддано перевагу, задається
деякою системою правил :
Визначається, чи немає протиріч в завданні параметрів якого-небудь елементу. Якщо є,
використовуються батьківські параметри. Якщо немає батьківських параметрів,
використовуються параметри за умовчанням.
Якщо присутній конфлікт між авторським стилем і стилем, визначеним за умовчанням,
перевага віддається авторським параметром.
Якщо конфліктують два стилі і один застосовується тільки в цій ситуації, а інший - в усіх
випадках, перевага віддається першому (пріоритет "по специфічності").
212