Использование CSS в ссылках

 

В каскадных листах стилей для ссылок имеются псевдоклассы с таким форматом:

A:link{ } - для задания параметров (цвета, формы и др.) тех ссылок, которые еще не были использованы для загрузки Web-страниц;

A:visited{ } - для задания параметров тех ссылок, которые уже были использованы для загрузки Web-страниц;

A:active{ } - для задания параметров тех ссылок, которые были использованы, но загрузка Web-страницы еще не произошла (используется редко);

A:hover{ } - для задания параметров тех ссылок, на которые наведен курсор мыши.

 

Псевдоклассы и их свойства описываются там же, где и классы (см. внешнее и внутреннее задание CSS в лабораторной работе №2).

Если на Web-странице нужно использовать несколько изображений для ссылок, необходимо вместе с псевдоклассами задавать обычные классы. Например, можно создать класс изображений ссылок в виде кнопок. Ниже приводятся каскадные листы стилей, которые описывают класс ссылок "kn", задающий для трех состояний ссылок (link, visited и hover) такие параметры, как цвет, тип и размер текста, тип состояния кнопки (отжата - outset, нажата - inset) и цвет фона:

 

A.kn:link{color:#004040; font:italic 0.6cm; border:outset #FF00AA 5; background:#E0E0E0; text-decoration:none}

A.kn:visited{color:#0000A0; font:italic 0.6cm; border:outset #FF00AA 5; background:#00E0E0; text-decoration:none}

A.kn:hover{color:white; font:italic 0.6cm; border:inset #FF00AA 5; background:#FF60a0; text-decoration:none}

 

Эти описания параметров ссылок добавлены во внешний файл CSS "my.css" (теперь он называется "my_d.css") и используются в примере №1 для задания параметров ссылок с помощью каскадных листов стилей.

Ссылка класса "kn" задается так:

 

<A CLASS="kn" . . . >