Как правило, вы не найдете на большинстве сайтов отдельных стилей для оформления посещенных ссылок, так называемого :visited псевдокласса. По правде сказать, это и не всегда надо. Но если структура сайта достаточно грамоздка, или вы часто используете списки (например, перечень статей), то будет не лишним предусмотреть вывод отдельного стиля для уже посещенных ссылок.
Для того, чтобы поменять фоновый цвет при выделении текста со стандартного на желаемый, будем использовать псевдо-элемент ::selection (с псевдо-классом :last-child мы уже сталкивались ранее, когда создавали древовидный список).
К сожалению, ::selection используется только в CSS3 и поддерживается далеко не всеми браузерами, на данный момент - FireFox, Safari и Opera 9.5
Все достаточно просто, надо только в таблице стилей прописать background:
p::selection {
background: #c9defd; /* для Safari, Opera */
}
p::-moz-selection {
background: #c9defd; /* для FireFox */
}Если хотим сделать разное цветовое выделение
1. Как сделать, чтобы текст ссылки был одного цвета, а подчеркивание другого?
<html>
<head>
<style type="text/css">
a {color:red;}
a span {color: blue;}
</style>
</head>
<body>
<a href="#"><span>Текст ссылки</span></a>
</body>
</html>2. Как убрать вокруг формы отбивку по умолчанию?
form {margin: 0;}3. Как убрать рамку картинки, на которой стоит ссылка?
a img {border: none;}4. Как выравнять картинку вертикально по центру в строке?
img.middle {vertical-align: middle;}5. Как задать цвет для hr, чтобы работало во всех браузерах?
hr {
color:blue;
background-color:blue; /* для Opera и Mozilla */
height: 1px;
border-width:0px; /* убирает рамки вокруг разделителя */
}До тех пор, пока IE 6 версии и ниже не уйдет из обихода пользователей, нам предстоит решать проблему отображения png-24 в браузере. Это актуально хотя бы потому, что, согласно статистике, больше 50% посетителей используют до сих пор эксплорер, в связи с чем не принимать их во внимание будет глупо и непредусмотрительно. Как минимум это приведет к потере посетителей, не сумевших оценить ваш дизайн и использование в нем png.
Есть несколько способов решения проблемы отображения png-24 в Internet Explorer (IE)
Сегодня мы рассмотрим как изменить цвет полосы прокрутки со стандартного на... желаемый:)
Безусловно, у этого метода есть свой минус - изменения будут видны только в Internet Explorer версии не ниже 5.5. Но тем не менее это даем нам дополнительный шанс, чтобы выделиться и понравиться посетителям. Ничего сложного в этом нет.
Пример:
.transparency_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
Сегодня мы рассмотрим урок по созданию древовидного списка, каждый из пунктов которого соединяется линиями.
Сообщения
Все комментарии
