Псевдокласи

Властивості гіперпосилання засобами CSS можна визначати по-різному, залежно від того, відвідали вже посилання, чи активне воно, чи знаходиться покажчик миші над посиланням. Це дозволяє додати цікаві ефекти на веб-сайт. Щоб оформити гіперпосилання засобами CSS, треба використовувати так звані псевдокласи.
Псевдоклас дозволяє враховувати різні стани або події при визначенні властивостей html-тега. У гіперпосилання є декілька станів та подій.

·         Псевдоклас: link: використовується для посилань на сторінки, які користувач ще не відвідував.
·         Псевдоклас: active: використовується для активних посилань
·         Псевдоклас: visited: Псевдоклас: visited використовується для посилань на сторінки, які відвідав користувач.

·         Псевдоклас: hover: використовується для посилань, над якими знаходиться вказівник  миші.




Приклад застосування псведокласів до гіперпосилань:

код  прикладу можна переглянути тут

Завдання для самостійного виконання:


1. Створити файл у якому  розмістити посилання на Вікіпедію (інформація про веб-розробку), посилання  на блог з уроками CSS, посилання на довідник по CSS (htmlbook.ru).  Посилання зробити у вигляді списку
2. У файлі CSS  прописати наступні правила:
для посиланьколір шрифту - #cc0000, шрифт - напівжирний
для посилань після відвідування: колір шрифта - #990000, відмінити підкреслення у посилання
для посилань при наведенні курсору: колір шрифта - #ff0000, відмінити підкреслення у посилання, змінити  вигляд курсору (властивості CSS для курсорів  переглягнути тут)
для посилань короткочасна зміна стилю: колір шрифта - #990000, колір фону - #ff0000, відміна  підкреслення у посиланні





Немає коментарів:

Дописати коментар