Заняття 21-22
Тема: Каскадні таблиці стилів: Посилання. Псевдокласи.
План
1. Псевдокласи
link
visited
active
hover
Створити копію файлу ssilki.html з ім'ям ssilki3.html
До файлу ssilki3.html застосувати стилі, що описані у файлі ssilki3.css
для всіх гіперпосилань встановіть наступні стилі,
початкові значення властивостей гіперпосилання
текст без підкреслення
колір тексту - синій
активне гіперпосилання
текст без підкреслення
колір тексту - червоний
колір фону тексту - жовтий
накреслення шрифта - жирний, курсив
при наведені курсора миші
текст без підкреслення
колір тексту - #cc9966
всі літери - великі
накреслення шрифта - курсив
гіперпосилання, яке було відвідане
текст без підкреслення
колір тексту - #ff66ff
3. Створити файл tabhover.html
Створить таблицу згідно зразка
Створити копію файлу ssilki.html з ім'ям ssilki3.html
До файлу ssilki3.html застосувати стилі, що описані у файлі ssilki3.css
для всіх гіперпосилань встановіть наступні стилі,
початкові значення властивостей гіперпосилання
текст без підкреслення
колір тексту - синій
активне гіперпосилання
текст без підкреслення
колір тексту - червоний
колір фону тексту - жовтий
накреслення шрифта - жирний, курсив
при наведені курсора миші
текст без підкреслення
колір тексту - #cc9966
всі літери - великі
накреслення шрифта - курсив
гіперпосилання, яке було відвідане
текст без підкреслення
колір тексту - #ff66ff
3. Створити файл tabhover.html
Створить таблицу згідно зразка
для всіх рядків таблиці застосувати стиль описаний у файлі tabhover.css
при наведені курсора миші на будь-який рядок - колір фону всього рядка змінюється на #ffcc66
для для клітинок всіх рядків таблиці крім першого, застосувати стиль описаний у файлі tabhover.css
при наведені курсора миші на будь-який рядок - колір фону всього рядка змінюється на #339900