line-height и единицы измерения

[USF]

собственно обнаружил такой занимательный факт, что при использовании line-height: 1 и line-height: 1em результат, как ни странно, разный

"Единицы em для line-height писать бессмысленно, потому что line-height: 1.5em и line-height: 1.5 — одно и то же. Т.к. и там, и там 1.5 — множитель при font-size."

- это с цикла статей с css-live

http://jsfiddle.net/usfe/u8TCq/ - вот прекрасный пример от psywalker'a.

А теперь попробуйте сменить line-height у body с "1" на "1em" и увидите как поменяется результат.

складывается ощущение, что без EM работает куда ЛОГИЧНЕЕ, так как значение line-height для инлайна высчитывается исходя из его текущего размера шрифта. а вот при использовании em прохисходит, будто высота строки определяется высотой, которая высчитывается не относительно текущего шрифта, а относительного того, который был указан вместе с line-height

объясните нубу, что тут происходит

[SelenIT]

Проверил с 1em и c голой 1 в 3-х браузерах (Fx15, IE9, Хром21) — нигде разницы не увидел. Можно скриншот (или один пример, иллюстрирующий разницу)?

[USF]

http://jsfiddle.net/usfe/u8TCq/2/ обновил.

вот теперь смените у body "1" на "1em"

[SelenIT]

Да, при наследовании тут есть нюанс (о чем верно подмечено в первом комментарии к статье). В двух словах разница в том, что в случае em/ex величина пересчитывается в пиксели до наследования (п. 6.1.2 спеки), а в случае безразмерного числа — после (таков смысл последней фразы в описании этого типа значения). Т.е. при 1em абзац наследует 16px, получаемых умножением на 1 значения font-size самого body, а в случае безразмерной единицы наследуется именно единица, которая уже в итоге умножается на font-size абзаца (28px).

При указании font-size самому элементу (пример в статье был для этого случая) разницы действительно нет. Но спасибо за внимательность и важное замечание! Пожалуй, нюансы наследования (различие между "specfied value", "computed value" и "used value" и т.п.) заслуживают отдельной статьи)

[USF]

от блин,вот оно что

да, статья будет очень кстати)

спасибо за объяснения, а я голову ломаю