Список (не нужно, чтобы его пункты составляли папель навигации).
Глава 9. Приводим в nорядок навигацию сайта
• Ноше
• Features
·~
·~
·~ • Horoscopes
f6. ~ом~ ·---·-···--:
~ ..__ -·----· ... i
: FEA TURES ,_ '
~ ·- -----·--- ... ·i
---,,-------+: ~ EXPERTS '
- - - -i
: ~QUIZ
F - --- -i
:~ PROJECТS
~ QUIZ •• •"" PRO)ECТS :
... J.--... ·--,.. ........... --........... &.---- . ------ --.......... ,
PIIК. 9.4. Используя CSS, вы можете превратить обычные теги <ul> в то, что захочется, например
в вертикальное или горизонтальное управляющее меню (nанель навигации}
Правильным подходом будет пр именение стилевого класса или стиля с идентификатором
(10-стиля) к тегу <ul>:
<ul class•"nav">
<l i><a href•"index. html ">Home</a></1 i>
<l i><a href•"news. html ">News</a></l i>
<li><a href•"reviews.html">Reviews</a></li>
</ul>
СSS-код немного отличается в зависимости от того, нужна нам горизонтальная
Или вертикальная паиель управления. В любом случае вы должны выполнить два
Шага.
Удалить маркеры . Чтобы паиель навигации не была похожа на маркированный
Список, у дали м маркеры, установив для свойства l i s t- s ty l е- type значение
поnе:
ul .nav {
l ist-style-type: поnе:
Убрать отступы и поля. Поскольку браузеры сами делают отступы для элементов
Списка, нам придется избавиться от них. Однако одни браузеры используют