Непонятные отступы у текста сверху и снизу (не margin)

Верно, если просто - то место сверху и снизу предназначено для заковырок :)

В вебе есть понятие высота строки (line-height). Оно же - интерлиньяж, оно же - межстрочный интервал. И текст вписывается в строки с такими вот высотами.

Вы можете задавать line-height в стилях. Например, в пикселях (24px), или в емах (1.25em), или в безразмерной величине (1.2). Задать для всех элементов (* {}), или для каких-то конкретных (h1 {}).

Если ничего не задать - будут применены высоты строк по умолчанию. В разных браузерах - разные умолчания.

Конкретно для line-height - в браузерах по умолчанию применяется значение normal. Оно означает, что браузер может принимать решение о размере строки самостоятельно. Как правило, оно будет в диапазоне 1.1 - 1.25, но стандарт не гарантирует этого, он говорит лишь, что оно должно быть «разумным» (дословно – англ. reasonable).

Источник цитаты: Свойства "font-size" и "line-height".

Обычно умолчания сбрасывают, например с помощью normalize.css, и устанавливают свои размеры шрифтов и высоты строк. Иными словами - правила типографики.

Поиграться с этими правилами можно, например, на gridlover.net - подвигайте ползунки, и отметьте кнопку GRID, чтобы увидеть сетку. Там же вы можете взять готовый CSS для вашего сайта с необходимыми правилами типографики.