Откуда лишний HTML-элемент?

Question

[EYPPNM]

Создав пустой документ, и всего один стиль:

* {
  border: 1px solid #000;
}

в браузере отображается следующее:


чёрная рамка вокруг это я так понимаю body,
но что за рамка внутри боди, я ведь не добавлял никакого пустого параграфа или заголовка, подскажите кто в теме, кто знает что это такое?

Comments

[Lord_Dantes]

Лол кто-то изучает 5g, а кто-то разметку)

[EYPPNM]

slave bb,

slave bb @Lord_Dantes
Лол кто-то изучает 5g, а кто-то разметку)

шо за 5g?

[Lord_Dantes]

EYPPNM, почитайте в интернете

[EYPPNM]

slave bb,

почитайте в интернете

что ты несешь?

[Сергей delphinpro]

По умолчанию body имеет внешние отступы margin: 1rem;
Так что внутренний это body, а внешний получается html

Answer 1

[Rsa97]

Откройте консоль разработчика и посмотрите, что на самом деле представляет из себя ваш "пустой" документ с точки зрения браузера.

Comments

[EYPPNM]

предлагаете открыть вкладку Computed или куда смотреть?

[Rsa97]

EYPPNM, В Firefox вкладка "Инспектор"

[EYPPNM]

BD_ l3ftoverZ!, у вас в сообщении спойлеры не рабочие

[EYPPNM]

BD_ l3ftoverZ!,
теперь вообще всё пропало

[Rsa97]

BD_ l3ftoverZ!, Картинки лучше на https://web.habrastorage.org/ заливать.

Answer 2

[Katrychenko]

Знак * означает любой элемент на странице. Часто используется в регулярных выражениях когда необходимо применить какое то действие или условие для всех элементов. Основные теги html и body часто создаются браузерами автоматически если содержимое вывода страницы для них определено как html