Я понимаю, что это может быть неопределенный вопрос, но я не совсем уверен, что лучше всего подходит для построения строки при создании веб-сайта. Вы создаете одно глобальное объявление для всего сайта, а затем объявляете отдельные высоты строк для каждого отдельного элемента? Какие здесь лучшие практики?Как вы определяете высоту строки в CSS? Одна глобальная декларация или конкретная для каждого элемента?
Это зависит от того, сколько разновидностей линейной высоты вы будете иметь на своей странице, если большинство из них будут одинаковыми, следуйте рекомендациям Lowkase и установите значение по умолчанию на теге body, а затем установите варианты на другом теги. Или у вас может быть три класса, скажем .lhs (высота линии маленькая), .lhm и .lhl и поместите эти классы в свои элементы, чтобы указать высоту строки. Таким образом вы можете свести к минимуму количество строк кода, которые вы используете, с указанием высоты строки.
.lhs {
line-height: 10px;
}
.lhm {
line-height: 30px;
}
.lhl {
line-height: 50px;
}
Лучшее, что нужно сделать, это установить его на глобальном уровне без кузова. (1.5 вместо 1.5em)
Таким образом, высота линии будет в 1,5 раза меньше размера шрифта элемента, что приведет к относительной высоте линии, что способствует вертикальной базовой линии/вертикальному ритму.
Если размер шрифта увеличен путем увеличения, высота строки приспосабливается к новому размеру шрифта
Черт, я этого не знал. Это мило. – dezman
установлен на высоту строки по умолчанию в теге тела, а затем указать высоту строки на конкретные элементы, если они отличаются от тело. – Lowkase