рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

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

Использование 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-странице

Представление ссылок на Web странице... Задание параметров ссылок... Использование CSS в ссылках Изображение курсора на Web странице...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Использование CSS в ссылках

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Изображение курсора на Web-странице
  При наведении курсора мыши на ссылку обычно появляется изображение "ладошки". В CSS имеется возможность изменить вид курсора (и не только для ссылок, но и для других элеме

Сегментированная графика
  К сегментированной графике относятся изображения, условно разбитые на отдельные части в виде определенных геометрических фигур, каждая из которых представляет собой область чуствите

Использование локальных ссылок
  Локальные ссылки используются для облегчения доступа к отдельным частям документа, представленного на Web-странице. Для этого в HTML-документе с помощью тэга <A> в требуемых м

Плавающие фреймы
  При создании многооконной Web-страницы помимо применения фреймовой структуры на базе тэга <FRAMESET> . . . </FRAMESET> (см. пункт 1.1) также могут быть использованы плав

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги