Властивості
гіперпосилання засобами CSS можна визначати по-різному, залежно від того,
відвідали вже посилання, чи активне воно, чи знаходиться покажчик миші над
посиланням. Це дозволяє додати цікаві ефекти на веб-сайт.
Щоб оформити гіперпосилання засобами CSS, треба використовувати так звані
псевдокласи.
Псевдоклас
дозволяє враховувати різні стани або події при визначенні властивостей
html-тега. У гіперпосилання є декілька станів та подій.
·
Псевдоклас: link: використовується
для посилань на сторінки, які користувач ще не відвідував.
·
Псевдоклас: active: використовується
для активних посилань
·
Псевдоклас: visited: Псевдоклас:
visited використовується для посилань на сторінки, які відвідав
користувач.
·
Псевдоклас: hover: використовується
для посилань, над якими знаходиться
вказівник миші.
Приклад застосування псведокласів до гіперпосилань:
код прикладу можна переглянути тут
Завдання для самостійного виконання:
1. Створити файл у якому розмістити посилання на Вікіпедію (інформація про веб-розробку), посилання на блог з уроками CSS, посилання на довідник по CSS (htmlbook.ru). Посилання зробити у вигляді списку
2. У файлі CSS прописати наступні правила:
для посилань: колір шрифту - #cc0000, шрифт - напівжирний
для посилань після відвідування: колір шрифта - #990000, відмінити підкреслення у посилання
для посилань при наведенні курсору: колір шрифта - #ff0000, відмінити підкреслення у посилання, змінити вигляд курсору (властивості CSS для курсорів переглягнути тут)
для посилань короткочасна зміна стилю: колір шрифта - #990000, колір фону - #ff0000, відміна підкреслення у посиланні
Немає коментарів:
Дописати коментар