Как убрать системные отступы?

Question

[greg_13]

https://jsfiddle.net/jndwsvyp/1/
Нигде не прописывал отступы, а белые полосы с боков и сверху есть, как это исправить и почему это возникло?

P.S. Предложения из серии:
margin: -8px;
не рассматриваются, потому что это колхоз.

Comments

[Rustam Bainazarov]

https://jsfiddle.net/spdnz09u/

Для этого есть любой reset.css.

[Сергей Горячев]

SmthTo, ты принципиально ответы не пишешь в ответы, а только в комментарии?)

[Rustam Bainazarov]

Сергей Горячев, отвечу мемом: прост)))1)

Answer 1

[Евгений Акулинин]

html, body {
  margin: 0;
  padding: 0;
}

А вообще подключи reset.css

Comments

[greg_13]

Так, это сработало, но хотелось бы всё же уточнить, а как вообще эта проблема возникает?
И что за "reset.css"?

[Евгений Акулинин]

Отступы создает стандартный CSS, встроенный в браузер. У каждого браузера свой набор стилей по-умолчанию. Чтобы привести все к одному виду используют наборы стилей, например reset.css https://meyerweb.com/eric/tools/css/reset/

Answer 2

[Марти Макфлай]

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.
https://marksheet.io/css/reset.css

Просто подключаешь эти стили для каждого нового проекта.

Answer 3

[coderxx]

Для этого есть Normalize.css