Предлагаю вашему вниманию таблицу значений отступов от букв до верха и низа строки, для стандартного значения line-height.
Эта таблица нужна для точного определения padding или margin обрамляющего или близлежащих элементов.
Вот картинка-легенда, чтобы было понятно о чем речь:
Со временем самые популярные комбинации запоминаются и не нужно каждый раз смотреть значение.
Простой пример:
Включает в себя значения для шрифтов, размером от 8px до 50px:
Таблица тут
P.S. Да, я знаю, что теперь есть Pixel Perfect.
Эта таблица нужна для точного определения padding или margin обрамляющего или близлежащих элементов.
Вот картинка-легенда, чтобы было понятно о чем речь:
Со временем самые популярные комбинации запоминаются и не нужно каждый раз смотреть значение.
Простой пример:
- Заголовок у нас набран шрифтом Tahoma, размером 24px. Смотрим таблицу, расстояние от верха маленькой буквы, до верха строки — 11px.
- Далее, с помощью линейки, измеряем значение от верха маленькой буквы, до верхней границы блока — 33px.
- Находим разность значений, получаем 22px. Значит, верхний padding блока равен 22px.
- Или, если для body у нас задан размер шрифта 75%, то верхний padding будет равен 22/12=1.833em.
Включает в себя значения для шрифтов, размером от 8px до 50px:
- Arial
- Tahoma
- Verdana
- Arial Narrow
- Trebuchet MS
- Georgia
- Times New Roman
Таблица тут
P.S. Да, я знаю, что теперь есть Pixel Perfect.