2. Найдите открывающий тег <u 1 >и добавьте в него идентификатор i d ; "mai nNav",
чтобы он выглядел следующим образом:
<ul id;"mainNav">
Идентификатор i d назначает этот список главной областью навигаци и , или
Паиелью управления. Мы будем использовать его для создания производных
Селекторов, избирательно форматирующих только ссылки этого списка (а не
Все ссылки веб-страницы).
3. Добавьте во внутреннюю таблицу после body новый стиль:
#inainNav {
margin : 0:
padding : 0:
list-style: none:
Глава 9. Приводим в порядок навигацию caйrct
Этот стиль будет применен лишь к тегу <u 1 > с идентификатором ma i nNav. Он удаляет
Отступ и маркеры, которые браузер добавляет в маркированные списки,
Как показано на рис. 9.15,2. Теперь приступим к форматированию ссылок.
4. Добавьте производный селектор для форматирования ссылок списка:
#mainNav а {
co1or: #000:
font-size: llpx;
text-transform: uppercase:
text-decoration: поnе:
Этот стиль определяет базовое форматирование текста ссылок: устанавливает
Цвет и размер шрифта, верхний регистр всех букв, удаляет линию подчеркивания
(см. рис. 9.15, 3). Сейчас придадим ссылкам вид кнопок.
5. Добавьте в стиль #mainNav свойства border и padding:
border: lpx dashed #999: padding: 7рх 5рх:
