#39;;. style.color = 'black';
}
Елемент 1
Елемент 2
Використання Script-мов дає дуже гнучкі можливості застосування динамічних стилів. У цьому прикладі при клацанні мишею на другий елемент списку, він змінює свій стиль за допомогою функції changeStyle, якій в якості аргументу передається об'єкт, над яким було вироблено дію. p align="justify"> Комбінування використання функцій і класів, а також різних подій c вашою фантазією дає воістину приголомшливі результати. br/>
7.6 Динаміка в самому IE 4.0
Explorer 4.0 володіє гнучким властивостями промальовування екрану і відображення на ньому інформації, що представляється. Наприклад, якщо ви змінили розмір шрифту рядки і вона тепер не поміщається у відведене їй місце, інші рядки розсунуться, щоб не відбулося їх накладення одне на іншу. Проілюструвати цю особливість дуже добре може властивість display часто застосовується в створенні динамічних змістів. Ось приклад:
Якщо ви наведете курсор /p>
на цей рядок і 'клікніть' її, /p>
то цей рядок зникне /p>
А ця займе її місце
Тут коментарі зайві. Спостерігайте, як реагує IE на зміну стилів вмісту вікна. p align="justify"> 8. Створення оригінальних стилів
Explorer пропонує вам свій стиль, званий за замовчуванням. Цей стиль передбачає білий чистий фон, чорний колір шрифту, всі посилання підкреслені і синього кольору і т. д. Що якщо вам не подобається все це? Ви вже вмієте міняти різні атрибути безпосередньо. Навіть якщо однакових за значенням об'єктів і багато, ви вже вмієте застосовувати класи. Але існує ще одна можливість. Для завдання всього стилю документа цілком застосовуються так звані Ієрархічні Стильові Таблиці (Cascade Style Sheets - CSS), які представляють собою набір установок властивостей різних об'єктів. Чимось вони нагадують класи, але якщо клас сохдается всередині документа і може бути застосований, а може бути і ні, то CSS, якщо він підключений, то установки в ньому впливають безпосередньо на всі об'єкти в документі. br/>
8.1 Введення в CSS
дуже схожі на класи, тільки з тією різницею, що в них описується стиль для вже відомого об'єкта. Для наочного прикладу, огляньте зараз свій кімнату (офіс, зал ...) в якій ви знаходитеся. Напевно, ви побачите безліч різних предметів (стіл, крісло, вікно, комп'ютер). У кожного з цих предметів-об'єктів є характеристики, і вам треба скласти список цих предметів і їх характеристик. Може бути у вас вийде щось таке:
стіл:
колір - коричневий
матеріал - дерев'яний
комп'ютер:
колір - білий
матеріал - пластмаса
призначення - для роботи
Звичайно, можна піти іншим шляхом, але тільки CSS складаються саме так, де замість предметів виступають об'єкти, та й їх характеристики трошки інші. Для прикладу, ось вам уривок такого документа:
body
{
background-color: rgb (255,255,153);
color: rgb (51,51,153);
}
{: rgb (255,0,0); family: arial, helvetica;
}
Тут задається яким буде стиль елемента BODY і H1. Ті параметри, які не задані, залишаються за замовчуванням. p align="justify"> Створення CSS не вимагає особливих зусиль і може бути виконано в простому блокноті, хоча для цих цілей і існують спеціальні програми, що полегшують роботу і наочно показують, яким буде виглядає майбутній документ із застосуванням цього стилю.
.2 Стильова таблиця в документі
Існує два способи підключення CSS. Перший - поставити її в елементі STYLE на початку доку...