Как работает форматирование списков в современных системах верстки?

Форматирование списков в современных системах вёрстки, например в HTML, происходит с помощью тегов, которые определяют тип списка и его пункты. kz.hexlet.io skillbox.ru

Существуют разные типы списков, для каждого из которых предусмотрены свои теги: www.designonstop.com

• Маркированный. skillbox.ru webref.ru Подходит для случаев, когда информацию нужно просто перечислить и не нужна строгая иерархия. skillbox.ru Браузер автоматически добавляет отступы и маркеры слева от списка, чтобы данные не сливались с остальным текстом. skillbox.ru
• Нумерованный. skillbox.ru www.designonstop.com Позволяет расположить элементы в строгом порядке. skillbox.ru Нумерация начинается сверху и по умолчанию обозначается арабскими цифрами. skillbox.ru
• Список определений. skillbox.ru Похож на словарь, в котором содержатся записи в формате «слово — значение». skillbox.ru

Каждый элемент списка является блочным элементом. kz.hexlet.io Это означает, что он будет занимать всю доступную ему ширину и каждый новый элемент будет начинаться с новой строки. kz.hexlet.io

Списки можно вкладывать друг в друга. kz.hexlet.io Это позволяет глубже структурировать информацию. kz.hexlet.io

Для стилизации списков используется CSS. kz.hexlet.io webref.ru Некоторые возможности:

• Изменение маркера. kz.hexlet.io В маркированных и нумерованных списках маркер, который появляется в левой части пункта списка, можно изменить с помощью свойства list-style-type. kz.hexlet.io
• Установка пользовательских маркеров. kz.hexlet.io Помимо встроенных в браузер значений маркеров списка, CSS даёт возможность устанавливать маркеры в виде картинок. kz.hexlet.io
• Отображение списка на одной строке. webref.ru Для этого нужно задать элементам свойство display со значением inline или inline-block. webref.ru
• Выбор способа отображения. webref.ru Можно решить, как должен отображаться список — по вертикали или горизонтали. webref.ru