Без помощи CSS элементы блока будут располагаться по одной строке. С помощью CSS мы можем изменить режим макета этого HTML по умолчанию и разместить элементы блока там, где вы хотите. Вместо того, чтобы тупо каждый раз начинать новую строчку. Следует отметить, что тег table также является типом блочного элемента. Макет на основе таблицы и макет на основе CSS рассматривают эти два макета с точки зрения обычных пользователей (за исключением людей с нарушениями зрения, слепых и т. д.), за исключением людей с ограниченными возможностями. Кроме скорости загрузки страницы другой разницы нет. Однако если обычный пользователь случайно нажмет кнопку просмотра исходного кода страницы, разница между ними будет очень большой. Исходный код страницы макета CSS, разработанный на основе хороших концепций реконструкции, может, по крайней мере, позволить обычным пользователям без опыта веб-разработки быстро понять контент. С этой точки зрения код макета CSS должен иметь лучший эстетический вид.

Вы можете думать о блоке-контейнере div как о блоках, или, если вы играли с обрезкой, это будет легче понять. Предварительно вырезаем необходимые статьи из различных газет и журналов. Каждая часть вырезанного контента представляет собой блок. Затем мы наклеили эти листы бумаги на новый лист бумаги в соответствии с нашим замыслом макета. Это сформирует ваш собственный уникальный реферат. В качестве расширения этой технологии дизайн веб-макета следует той же схеме.

Встроенные элементы обычно основаны на базовых элементах на семантическом уровне. Встроенные элементы могут содержать только текст или другие встроенные элементы, как и общий встроенный элемент «a».

Блочный элемент (block element) и встроенный элемент (inline element) — понятия в спецификации HTML. Основное различие между блочными и строчными элементами заключается в том, что блочные элементы обычно начинаются с новой строки. Когда добавляется элемент управления CSS, эта разница в атрибутах между блочными и встроенными элементами больше не становится разницей. Например, мы можем добавить такой атрибут, как display:block, к встроенному элементу cite, чтобы он также имел атрибут начинать каждый раз с новой строки.
Основная концепция изменяемого элемента заключается в том, что ему необходимо определить, является ли элемент блочным элементом или встроенным элементом, на основе контекста. Переменные элементы по-прежнему относятся к двум вышеуказанным категориям элементов. Как только контекст определяет их категорию, они должны следовать правилам блочных или встроенных элементов. См. полный текст грубой классификации элементов.

ps: Что касается китайского названия встроенного элемента, то существует множество видов встроенных элементов, встроенных элементов, встроенных элементов и встроенных элементов. По сути, единого перевода не существует, называйте его как хотите. Кроме того, говоря о встроенных элементах, мы будем иметь в виду атрибут отображения под названием display:inline; этот атрибут может исправить известную проблему двойной плавающей границы IE (плавающего поля).
блочный элемент
*адрес - адрес
*blockquote — блокировать цитату
* center - блок выравнивания по центру
* dir — список каталогов
* div — обычно используемый уровень блока также является основным тегом макета CSS.
* dl - список определений
*fieldset - сформировать контрольную группу
* form - интерактивная форма
* h1 - Заголовок
* h2 - субтитры
*h3 – заголовок третьего уровня.
*h4 — заголовок 4-го уровня
*h5 — заголовок 5-го уровня
*h6 — заголовок уровня 6
*hr — горизонтальный разделитель
* isindex — приглашение для ввода
*menu - список меню
* noframes — дополнительный контент фреймов (отображать содержимое этого блока для браузеров, которые не поддерживают фреймы
*noscript -) Необязательное содержимое скрипта (отображается для браузеров, которые не поддерживают скрипты)
*ol - форма сортировки
*п - абзац
* предварительно отформатированный текст
*стол - стол
* ul - встроенный элемент несортированного списка (inline element)
* а - точка привязки
*аббр - аббревиатура
*аббревиатура – ​​начальное слово
*b — жирный (не рекомендуется)
* bdo - переопределение биди
*большой - большой шрифт
* br — разрыв строки
*цитировать - цитировать
*code — компьютерный код (обязательно при цитировании исходного кода)
* dfn — определить поля
*em - ударение
*font - настройки шрифта (не рекомендуется)
* я - курсив
* img — изображение
* input - поле ввода
* kbd - определить текст клавиатуры
* label - метка таблицы
*q - короткая цитата
*s — тире (не рекомендуется)
* samp — определяет пример компьютерного кода
*select - выбор элемента
* small - текст мелким шрифтом
* span — обычно используемый встроенный контейнер для определения блоков в тексте.
* страйк - центральная линия
*strong – Жирный акцент
* суб-индекс
* суп - надстрочный индекс
* textarea - многострочное поле ввода текста
*tt - текст телекса
* у - подчеркивание
* var — определяет переменный элемент переменной — переменный элемент является блочным элементом или встроенным элементом в зависимости от контекста.
* апплет - Java-апплет
* кнопка - кнопка
*del - удалить текст
* iframe — встроенный фрейм
* ins - вставленный текст
*map — блок изображений (карта)
*объект - объект объекта
* скрипт - клиентский скрипт