«Полное руководство по CSS» на китайском языке: любой видимый элемент, который не является элементом уровня блока, является встроенным элементом. Характеристикой его исполнения является форма «расположения строк». «Расположение строк» здесь означает, что форма выражения всегда отображается в строках. Например, когда мы устанавливаем встроенный элемент border-bottom:1px Solid #000;, он будет повторяться в каждой строке, и под каждой строкой будет тонкая черная линия. Если это элемент уровня блока, отображаемая черная линия появится только под блоком.
Такие элементы, как p, h1 или div, часто называют элементами уровня блока, и эти элементы отображаются как блок содержимого. Такие элементы, как Strong и span, называются встроенными элементами, а их содержимое отображается в строке; , «встроенный ящик». (Вы можете использовать display=block для преобразования встроенных элементов в блочные элементы. display=none означает, что сгенерированный элемент вообще не имеет рамки, не отображает элемент и не занимает место в документе)
О: Строковые элементы — это элементы внутри строки, которые можно размещать только внутри строки; элементы уровня блока представляют собой просто прямоугольник из четырех квадратов и могут быть размещены в любом месте страницы.
Б: Проще говоря, строчный элемент подобен слову; элемент уровня блока подобен абзацу. Если не указано иное, он появится в отдельной строке.
C: Общие элементы уровня блока, такие как абзац <p>, заголовок <h1><h2>..., список, <ul><ol><li>, таблица <table>, форма <form>, DIV<div. > и BODY <body> и другие элементы. К встроенным элементам относятся: элементы формы <input>, гиперссылки <a>, изображения <img>, <span>…..
D: Примечательной особенностью блочных элементов является то, что каждый блочный элемент начинает отображаться с новой строки, а последующие элементы также должны отображаться с новой строки.
E: <span> — это встроенный элемент в определении CSS, а <div> — это элемент уровня блока.
Использование слова «контейнер» облегчит визуальное понимание их существования и назначения. Встроенные элементы эквивалентны маленьким контейнерам, а <div> — большому контейнеру. Конечно, маленький контейнер можно поместить в большой контейнер. <span> — небольшой контейнер.
Блочный элемент обычно является элементом-контейнером для других элементов. Блочные элементы обычно начинаются с новой строки. Он может включать в себя строчные элементы и другие блочные элементы. Обычным блочным элементом является тег абзаца «P». Специальный, его можно использовать только для включения других элементов блока.
Без помощи 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 — блок изображений (карта)
*объект - объект объекта
* скрипт - клиентский скрипт
Популярность: 26% [?]