{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[{"key":0,"length":10,"offset":2}],"inlineStyleRanges":[{"length":8,"offset":150,"style":"BOLD"},{"length":8,"offset":160,"style":"BOLD"}],"text":"В языке HTML выделяют две основные категории элементов. данные категории соответствуют типам их содержимого и поведению в структуре веб-страницы. Это блочные и строчные элементы. Блочные элементы используются для создания структуры страницы. Строчные же используются для форматирования текстовых фрагментов веб-страницы.","type":"unstyled","key":"clth"},{"data":{"image":{"id":"62757b6228ac3a7ecd766f0d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a07gl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Весь HTML документ организован в виде дерева элементов. В то же время модель CSS представляет собой алгоритм, обрабатывающий HTML документ. Каждый блок в дереве — это соответствующий элемент или псевдоэлемент.","type":"unstyled","key":"2oe21"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каскадирование и наследование в CSS используется для создания дерева блоков. Они позволяют назначить значение для каждого css-свойства каждому элементу в исходном дереве.","type":"unstyled","key":"7i581"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Факторы определяющие положение блоков на странице:","type":"unstyled","key":"9d8jl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"размер элемента;","type":"unordered-list-item","key":"9sqi0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"тип элемента (строчный или блочный);","type":"unordered-list-item","key":"vkfc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"отношение между элементами DOM;","type":"unordered-list-item","key":"qs4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"схема позиционирования;","type":"unordered-list-item","key":"1nles"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"внешняя информация (размер окна браузера);","type":"unordered-list-item","key":"b1ml5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"размер внутренних изображений.","type":"unordered-list-item","key":"82rqe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Блочные элементы и контейнеры","type":"header-three","key":"bugpp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"},{"length":8,"offset":166,"style":"BOLD"},{"length":23,"offset":188,"style":"BOLD"}],"text":"Блочные элементы — это элементы высшего уровня. Они форматируются визуально как блоки. Располагаются такие элементы на странице в окне браузера вертикально. Свойство display со значениями block, list-item, table делают элемент блочным.","type":"unstyled","key":"b38dr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Список блочных элементов: