Категория
Информатика
Тип
реферат
Страницы
5 стр.
Дата
25.11.2008
Формат файла
.rtf — Rich Text Format (Wordpad)
Архив
21441.zip — 7.44 kb
  • navigacija-v-spiskax-i-blochnye-ssylki_21441_1.rtf — 31.19 Kb
  • Readme_docus.me.txt — 125 Bytes
Оцените работу
Хорошо  или  Плохо


Текст работы

Навигация в списках и блочные ссылки
Когда-то навигационные панели
делались из таблиц, заполненных нарисованными в Фотошопе кнопками. В последнее время, когда появилась возможность все больше и больше полагаться на возможности CSS, происходит движение в сторону большей семантичности.
С точки зрения семантики, навигационнное меню — это список ссылок. С этой точки зрения мы на него и будем смотреть.
С помощью CSS можно с легкостью достичь множества эффектов, для которых ранее пришлось нарезать бы множество графических элементов. Разумеется, чем сложнее эффект, тем лучше браузер требуется для его поддержки, поэтому
стоит в любой сложный эффект включать какой-нибудь простой элемент, чтобы обеспечить удобство для посетителей со старыми версиями. Сейчас мы рассмотрим несколько любопытных эффектов для вертикального меню. Горизонтальные меню в настоящее время менее удобны в реализации списками, поскольку обычно требуют поддержки псевдоклассов :before, :after, :first-child, свойства content и прочих сложных вещей.
Подготовительная работа
Нам понадобится список из нескольких ссылок и простейшие базовые стили для начала работы:
ul border:1px solid black; width:30%; padding:0; margin:1em
ul li list-style:none
ul li a text-decoration:none; color:blue
ul li a:hover color:red
Пара замечаний по этому коду. Во-первых, тут мы уже задали один простой эффект: перемену цвета при наведении мыши. Это самый простой элемент, и я бы рекомендовал включать его во все hover-эффекты, поскольку он понятен любому браузеру, понимающему hover, тогда как более сложные эффекты кто-то может и не
понять. Второе замечание: list-style, конечно, можно написать в ul, ничего от этого не изменится. Просто мне захотелось сразу обозначить



Ваше мнение



CAPTCHA