| |
.
J
Рис. 4.24. Web-страница с всплывающими подсказками. Элементы, для которых
определены
всплывающие подсказки, отмечены пунктирным подчеркиванием
Рис. 4.24. Web-страницас всплывающими подсказками. Элементы, для которых
определены
всплывающие подсказки, отмечены пунктирным подчеркиванием
За счет подчеркивания текста пунктирной линией (не сплошной) вы отмечае-
те аббревиатуры, сокращения и справочную информацию, находящиеся на стра-
нице. (Текст, подчеркнутый черной пунктирной линией, означает, что для него
имеется дополнительная информация.) Более того, чтобы посетитель не перепу-
тал подчеркивание, означающее наличие справочной информации, с подчерки-
ванием, обозначающим гиперссылки, правило указывает, что при наведении ука-
зателя мыши на аббревиатуры и сокращения, объявленные с использованием
атрибута t i t l e , Web-браузер должен использовать указатель в виде знака
вопроса
(указатель справки).
А теперь, давайте предположим, что код из предыдущего примера будет пере-
писан следующим образом:
Книга
Web-технологий
В этом случае Web-браузер поместит пунктирное подчеркивание под словами
"HWDTT" и "Web-технологии", что позволит посетителю понять, что для этих
слов имеется дополнительная информация. При наведении указателя мыши на
любой из этих элементов текста Web-браузер изменит внешний вид указателя,
использующийся по умолчанию, на знак вопроса. Кроме того, если посетитель
оставит указатель на месте на несколько секунд, на экране появиться всплываю-
щая подсказка, текст которой определен в атрибуте t i t l e в HTML-коде Web-
страницы.
Допустимые значения свойства cursor и описания назначения каждого вида
указателя мыши перечислены в таблице 4.2.
Глава 4. Каскадные списки стилей 229
Таблица 4.2. Допустимые значения свойства cursor каскадных списков стилей
Значение Описание
свойства cursor
auto Вид выводимого на экран указателя зависит от контекста.
crosshair Простой курсор в виде перекрестья.
default Указатель мыши, используемый Web-браузером по умолчанию.
hand Указатель в виде руки, который, как правило, выводится на
экран, когда указатель находится над участком изображения,
на котором можно щелкнуть, или над гиперссылкой.
move Указатель в виде стрелок, направленных в четыре стороны,
который указывает, что элемент можно перемещать.
e-resize,ne-resize, Указатель мыши, указывающий на возможность изменения
nw-resize,n-resize, размера элемента. Как правило, такой указатель имеет вид
se-resize,sw-resize, стрелки, направленной в соответствующую сторону:
s-resize,w-resize е=восток, стрелка направлена вправо; в=юг, стрелка направ-
лена вниз; гш=северо-запад, стрелка направлена по диагонали
влево вверх, и т.д.
text. Балочный указатель, предназначенный для выбора текста или
указания места вставки.
wait Указатель ожидания, как правило, имеет вид песочных часов,
help Указатель справки, как правило, имеет вид Знака вопроса.
Расположение элементов Web-страницы по слоям
При позиционировании элементов на Web-странице вы работаете только с
двумя размерностями. Например, для помещения формы на расстоянии 75 пик-
селей от левого края и на расстоянии 50 пикселей от верхнего края страницы
будет использоваться дескриптор
|
|
