{"type":"doc","content":[{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Основное отличие:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Блочные элементы формируют "},{"type":"text","marks":[{"type":"bold"}],"text":"новый блок"},{"type":"text","text":", занимают всю доступную ширину и начинаются с новой строки."},{"type":"hardBreak"},{"type":"text","text":"Строчные элементы "},{"type":"text","marks":[{"type":"bold"}],"text":"не начинают новую строку"},{"type":"text","text":" и занимают только нужное им пространство по содержимому."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":1},"content":[{"type":"text","text":"🔥 Развёрнутое объяснение (отлично подходит для собеседования)"}]},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"🧱 "},{"type":"text","marks":[{"type":"bold"}],"text":"Блочные элементы (block)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"✔ Всегда начинаются с новой строки"},{"type":"hardBreak"},{"type":"text","text":"✔ Занимают "},{"type":"text","marks":[{"type":"bold"}],"text":"всю ширину родителя"},{"type":"text","text":" по умолчанию"},{"type":"hardBreak"},{"type":"text","text":"✔ Можно задавать:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"ширину ("},{"type":"text","marks":[{"type":"code"}],"text":"width"},{"type":"text","text":")"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"высоту ("},{"type":"text","marks":[{"type":"code"}],"text":"height"},{"type":"text","text":")"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"отступы ("},{"type":"text","marks":[{"type":"code"}],"text":"margin"},{"type":"text","text":")"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"внутренние отступы ("},{"type":"text","marks":[{"type":"code"}],"text":"padding"},{"type":"text","text":")"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"границы ("},{"type":"text","marks":[{"type":"code"}],"text":"border"},{"type":"text","text":")"}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"✔ Ведут себя как прямоугольные блоки в потоке документа"},{"type":"hardBreak"},{"type":"text","text":"✔ Часто являются структурными элементами"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Примеры блочных элементов:"},{"type":"hardBreak"},{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"

Чем блочные элементы отличаются от строчных (inline)?

Комментарии