Реферат Курсовая Конспект
Использование CSS в ссылках - раздел Образование, Тема: Работа со ссылками на Web-странице В Каскадных Листах Стилей Для Ссылок Имеются Псевдоклассы С Т...
|
В каскадных листах стилей для ссылок имеются псевдоклассы с таким форматом:
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" . . . >
– Конец работы –
Эта тема принадлежит разделу:
Представление ссылок на Web странице... Задание параметров ссылок... Использование CSS в ссылках Изображение курсора на Web странице...
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Использование CSS в ссылках
Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:
Твитнуть |
Новости и инфо для студентов