Почему для h1 устанавливается значение margin автоматически?

Question

[ahillesius]

https://jsfiddle.net/56jy42h9/
1. Почему для слоя текста "Loremsum" проставляются margin автоматически ?
2. Почему верхняя и нижняя границы текста имеют отступы от самих букв (изображено на картинке) (имею в виду не padding, а про отступы внутри самого контента) ?
3. В одной из прошлых публикаций мне советовали вообще не использовать div для слоев, которые на картинке, также не использовать свойство position (а конкретно absolute и relative, для позиционирования одного к другому). Но если не использовать эти свойства, обьекты при изменении размера экрана начинают плавать, как не нужно. Какой тогда способ получше для этого макета ?

Просьба, отвечать с нумерацией, чтобы понять на какой вопрос ответ.

Comments

[Froggyweb]

у браузера есть стили по умолчанию. С самым низким приоритетом для удобства стилизации что бы текст нормально читался без стилей вообще.
absolute нужно действительно использовать только при понимании и не часто. абсолют исключает элемент из потока и от этого чаще всего больше проблем, чем достоинств.

[Николай Угольников]

* {
    margin: 0;
    padding: 0;
}

и отступов не нужных не будет. Добавь только в начало кода, а то и нужных не будет))