HTML-теги (элементы) можно разделить на две категории: элементы уровня блока и встроенные элементы (также называемые встроенными элементами).
1. Инлайн-элементы (встроенные)
1. Концепция встроенных элементов
Встроенный элемент (понятие в спецификации HTML). Английский: встроенный элемент, имеющий множество названий на китайском языке, например: встроенный элемент, встроенный элемент, встроенный элемент, встроенный элемент и т. д. По сути, единого перевода не существует. Кроме того, когда дело доходит до встроенных элементов, обычно используется атрибут display:inline; этот атрибут может исправить известную проблему двойной плавающей границы IE.
2. Характеристики встроенных элементов
① На той же строке, что и соседние строчные элементы;
②Ширина (width), высота (height), верх/низ внутреннего поля (padding-top/padding-bottom) и верх/низ внешнего поля (margin-top/margin-bottom) не могут быть изменены;
③Ширина — это ширина текста или изображения, которую нельзя изменить.
④Встроенные элементы могут содержать только текст или другие встроенные элементы.
При использовании встроенных элементов необходимо обратить внимание на следующие моменты:
• Установка ширины недействительна;
• Установка высоты высоты недействительна, но высоту строки можно установить с помощью line-height;
• Поле можно установить, но оно действует только для левого и правого полей, а не для верхнего и нижнего;
• При настройке внутреннего поля заполнения допустимы только левые и правые отступы, а верхние и нижние отступы недействительны. Следует отметить, что диапазон элемента увеличивается, но это не влияет на содержимое вокруг элемента. ;
• Вы можете переключать элемент между встроенным элементом и элементом уровня блока с помощью атрибута display.
3. Распространенные встроенные элементы в HTML-тегах
2. Блочные элементы (блок)
1. Понятие блочных элементов
Блочный элемент (блочный элемент) и соответствующий ему встроенный элемент (встроенный элемент) являются понятиями спецификации HTML. Основное различие между блочными и строчными элементами заключается в том, что блочные элементы обычно начинаются с новой строки, а соседние элементы уровня блока будут отображаться на разных строках.
2. Характеристики блочных элементов
①Всегда занимать одну строку, то есть начинать с другой строки, а последующие элементы также должны отображаться на другой строке;
②Ширину, высоту, отступы и поля можно контролировать;
③Если ширина элемента уровня блока опущена, его ширина по умолчанию равна ширине текущего окна браузера;
④Элементы уровня блока могут содержать другие встроенные элементы и элементы уровня блока.
3. Общие элементы блочного уровня в тегах HTML.