Списки. Создание меню при помощи структуры списков (<ul>, <li>)

ПЛАН
Создание меню при помощи структуры списков (
,
).
Создание вложенных списков.
Форматирование списков при помощи CSS.
Списки определений: элементы
,
,
.

Создание меню при помощи структуры списков (
,
,
),
МАРКИРОВАННЫЙ
НУМЕРОВАННЫЙ

СВОЙСТВА ДЛЯ НУМЕРОВАННОГО СПИСКА

Список определений
,
,

Вложенный список
Свойства
:

Многоуровневый нумерованный список
пункт
пункт
пункт
пункт
пункт
пункт
пункт
пункт
пункт
пункт
пункт

Стили CSS для многоуровневого списка
ol { counter-reset: li; /*Идентифицируем счетчик и даем ему имя (знач. -0)*/
list-style: none; /*убираем стандартную нумерацию*/}
li:before {
counter-increment: li; /* Псевдоэлемент before указывает, что содержимое будет располагаться до пунктов списка.
content: counters(li,".") ". "; /*content выводится номер пункта. counters() = значению всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка*/}

ПРИМЕР:

СТИЛИ СПИСКА
list-style-type

list-style-image:url()

Практика

Практика