{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7on2v"},{"data":{"embedData":{"type":"youtube","postUrl":"https://www.youtube.com/embed/_TS63PCdRwk"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"4q86l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"foqm2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое списки и для чего они нужны?","type":"unstyled","key":"cef0p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Иногда текстовую информацию редактируют таким образом, чтоб как-то визуально и логически выделить одинаковые составляющие. Например, перечисление каких-то преимуществ.","type":"unstyled","key":"1mm89"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Преимущества машин BMW:","type":"unstyled","key":"bc1jc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"надежность систем;","type":"unordered-list-item","key":"fb2j4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"комфорт водителя и пассажиров;","type":"unordered-list-item","key":"31c9s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"качество материалов.","type":"unordered-list-item","key":"snk1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для подобных случаев в языке html предусмотрено целое семейство элементов, которые позволяют создать нумерованный или маркированный список, а также список определений.","type":"unstyled","key":"1597d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":9,"style":"BOLD"}],"text":"Начнем с маркированного списка.","type":"unstyled","key":"7sa1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":46,"style":"BOLD"},{"length":2,"offset":84,"style":"BOLD"}],"text":"Маркированные списки создаются с помощью тега ul, который содержит внутри себя теги li, обозначающие «элемент списка».","type":"unstyled","key":"8t8qh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":9,"style":"BOLD"},{"length":2,"offset":75,"style":"BOLD"}],"text":"Т.е. тег ul – это как-бы контейнер для всех элементов списка, а каждый тег li– это отдельный пункт списка.","type":"unstyled","key":"amij8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

- надежность систем;
- комфорт водителя и пассажиров;
- качество материалов.

","type":"unstyled","key":"ath19"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что можно сделать с внешним видом списка при помощи CSS?","type":"unstyled","key":"a4u8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На самом деле очень много, взять хотя бы те же меню на сайтах, которые в большинстве случаев до сих пор делаются при помощи маркированных списков, но это отдельная тема для будущего урока, а сейчас рассмотрим более простые вещи.","type":"unstyled","key":"fautk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В языке CSS есть ряд специфических свойств, которые применяются только для списков. На самом деле их всего 3:","type":"unstyled","key":"cv2tb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"list-style-position – отвечает за позиция маркеров списка: внутри или снаружи;","type":"unordered-list-item","key":"austp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"list-style-type – изменяет вид маркера: квадрат, закрашенный или пустой круг;","type":"unordered-list-item","key":"34uue"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"list-style-image – позволяет вместо маркера использовать изображение. ","type":"unordered-list-item","key":"7gcns"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Нумерованный список.","type":"unstyled","key":"ferkg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":82,"style":"BOLD"},{"length":2,"offset":102,"style":"BOLD"},{"length":2,"offset":146,"style":"BOLD"}],"text":"Нумерованный список создаётся точно также как и маркированный, только вместо тега ul используется тег ol, который также содержит внутри себя теги li.","type":"unstyled","key":"2cvsq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если элементы неупорядоченного списка по умолчанию отмечаются маркерами, то элементы упорядоченного списка - нумеруются. Ну и поскольку есть нумерация, то в данном типе списков можно ею управлять при помощи специальных атрибутов.","type":"unstyled","key":"a6duf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":19,"style":"BOLD"}],"text":"С помощью атрибута start можно изменить начало нумерации.","type":"unstyled","key":"cl3qt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При помощи атрибута reverse изменяется направление отсчета на обратное.","type":"unstyled","key":"498a6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Еще одна разновидность списков - список определений, который создаётся с помощью трёх тегов:","type":"unstyled","key":"ao3r4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"}],"text":"dl обозначает сам список определений;","type":"unordered-list-item","key":"7aluj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"}],"text":"dt обозначает термин;","type":"unordered-list-item","key":"ehtrn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"}],"text":"dd обозначает определение термина.","type":"unordered-list-item","key":"f4heg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":5,"style":"BOLD"},{"length":2,"offset":10,"style":"BOLD"},{"length":2,"offset":35,"style":"BOLD"}],"text":"Теги dt и dd пишутся парами внутри dl.","type":"unstyled","key":"4bsni"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например:","type":"unstyled","key":"6cao8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Термин 1: Определение 1
Термин 2: Определение 2

","type":"unstyled","key":"5tarn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Многоуровневый список.","type":"unstyled","key":"f6tl5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создать многоуровневый список достаточно просто.","type":"unstyled","key":"acfur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":103,"style":"BOLD"},{"length":5,"offset":110,"style":"BOLD"}],"text":"Сначала нужно создать список первого уровня, а затем внутрь любого элемента этого списка, между тегами

, добавить список второго уровня. При этом необходимо аккуратно и последовательно закрывать все теги.","type":"unstyled","key":"eb3h0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"yxj6LNSfoEUPTNf7yzIR"}],"entityMap":{}},"mentions":[]}