Разъяснение, что точно меры размера шрифта CSS
Я читаю CSS полное руководство Eric Meyer 3-й выпуск.
Его раздел по размерам шрифта (страница 107) указывает, что размер шрифта определяет их поле. Если я делаю:
span { font-size: 10px; }
Это устанавливает точно горизонталь и вертикаль их поле к 10 пкс? Он называет измерение, как являющееся расстоянием между базовыми линиями.
Я предполагаю, что немного смущен на том, почему это упоминается как "поле" вместо просто их высота, если все, что это делает, измерить вертикальное расстояние.
2 ответа
"em" доступен в качестве относительной единицы измерения как в вертикальном, так и в горизонтальном измерении.
Так, если текущий размер шрифта установлен на 12px, то установка margin:1em для дочернего элемента создаст вокруг него поле в 12px. Если затем изменить размер шрифта родительского элемента на 16px, то отступ также увеличится до 16px.
Ознакомьтесь с Размер шрифта: свойство 'font-size' спецификации W3C.
Шрифт размер соответствует квадрату em - концепции, используемой в типографике.