Можно как-то убрать этот промежуток (отмечен красными стрелками)?
-
1поищи инфу о reset.css– Алексей Шиманский19 июл 2022 в 7:59
-
1@АлексейШиманский что за вредная привычка любые проблемы ресетом затыкать– andreymal19 июл 2022 в 8:06
-
1А промежуток вероятно меняется через line-height– andreymal19 июл 2022 в 8:06
-
1@АлексейШиманский почему вы решили, что промежутки в другом месте это плохо? Почему вы решили, что автору их не хочется? Обратите внимание, что на скриншоте виден margin: 8px у body - но автор на него не жалуется– andreymal19 июл 2022 в 8:09
-
1@andreymal пока что не жалуется. Почему - потому что новичок и не знает нюансы– Алексей Шиманский19 июл 2022 в 8:12
1 ответ
Для решения этой проблемы нужно воспользоваться свойством line-height. Оно задаёт высоту строк, в которых располагается текст.
<div class="example">
NEW ARRIVALS
</div>
.example {
font-size: 40px; /* Высота шрифта */
line-height: 42px; /* Высота строк */
padding: 0px;
background: yellowgreen;
}
Результат:
Однако если сделать line-height = font-size, то промежутки всё равно останутся.
Согласно htmlbook, на самом деле
размер шрифта определяется как высота от базовой линии до верхней границы кегельной площадки,
поэтому, чтобы убрать интервалы, надо записать line-height меньше, чем font-size:
.example {
font-size: 40px;
line-height: 28px;
padding: 0px;
background: yellowgreen;
}
Результат: