-Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Все на карте

 -Поиск по дневнику

Поиск сообщений в Net-man

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.04.2010
Записей: 814
Комментариев: 5985
Написано: 11575


CSS: Урок 6. CSS ссылки | Форматируем ссылки

Пятница, 10 Декабря 2010 г. 16:31 + в цитатник

CSS атрибуты, определяющие CSS ссылки

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

см таблицу

Еще пример:

<head>
<style type="text/css">
a:link, a:active {
color:#0000ff;
font-weight:bold
}
a:visited {
color:#66cc66;
font-weight:bold
}
a:hover {
color:#ff0000;
font-weight:bold;
text-decoration:none
}
</style>
</head>
<body>
<p><a href="#">Ссылка</a></p>
</body>

Результат: ссылки в CSS

 

a:link, a:active – псевдоэлементы, которые определяют первоначальный вид ссылки и в момент нажатия (текст синего цвета, полужирный, по умолчанию подчеркнут).

Псевдоэлемент a:visited определяет уже посещенную ссылку (в данном случае текст зеленый, полужирный и подчеркнутый).

Псевдоэлемент a:hover определяет внешний вид ссылки при наведении на нее курсора мыши (текст красный, полужирный, без декораций).

Еще один пример с псевдоэлементом a:hover:

<head>
<style type="text/css">
.primer a {
color:#ff6600
}
.primer a:hover {
color:#6600ff
}
</style>
</head>
<body>
<p class="primer">Текст со <a href="#">ссылкой</a></p>
</body>

Селектор a соединяет в себе а:link, а:visited, a:active.

Результат: ссылки в CSS

ab-v.net
Рубрики:  Полезное
Уроки CSS
Метки:  

Процитировано 1 раз

осень_осень   обратиться по имени Привет! Добрый вечер,хорошего настроения! Пятница, 10 Декабря 2010 г. 18:00 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 10 Декабря 2010 г. 19:54ссылка
осень_осень, спасибо) Вам тоже отличного вечера!
 (500x500, 224Kb)
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку