Как правильно задавать margin-top, margin-bottom у блоков с текстом?
Как правильно задавать margin-top, margin-bottom у блоков с текстом?
У текста как известно есть line-height, либо стандартный, либо заданный вручную.
Есть 2 блока Блок А и Блок Б друг под другом, между ними по вертикали нужно сделать margin, в фотошопе если измерить от нижнего края Блока А до верхнего края Блока Б к примеру 20px и задать у Блока Б margin-top: 20px; то реально расстояние между блоками составит ~25px (допустим).
Отсюда вопрос: как правильно измерить расстояние, если нужен 1х1 макет и вёрстка и при этом не использовать pixelperfect (так как уходит много времени, и ровно столько же уходит если вручную постоянно делать замеры в браузере).
В макете у блока есть верхняя граница? Если да, то не вижу проблемы - отмеряете от границы до границы. Если нету - значит хреновый макет. Придется страдать.
А для замеров в браузере есть штуки типа measureit.
myskypesla: Серебрянной пули не существует, ибо шрифты в макете почти всегда отличаются от шрифтов в браузере, поэтому PixelPerfect будет лучшим решением
в фотошопе если измерить от нижнего края Блока А до верхнего края Блока Б
Измерять нужно не от края букв, а между базовыми линиями. От б/л последней строки предыдущего блока до б/л первой строки следующего. Потом вычитаешь высоту одной строки (font-size * line-height) и получается величина отступа между абзацами.
Простой
