Размер шрифта в CSS с косой черты

Question

Что слэш значит здесь:

font: 100%/120%; 

Answer 1

Это фактически устанавливает два свойства и эквивалентно:

font-size: 100%; 
line-height: 120%; 

Цитирую official documentation:

Синтаксис этого свойства основан на традиционной типографской сокращенной нотации для установки нескольких свойств, связанных с шрифтами.

Как сказал Дэвид M в комментариях, он отражает наборный традицию определения размеров гарнитуры шрифта как «х пт на у пт» для обозначения размера глифа на высоту строки.

Но пример в вашем вопросе на самом деле не так, и будут игнорироваться браузером: вы можете комбинировать только эти два свойства в font сокращенной записи, и вы должны указать по крайней мере, как размер шрифта и семью. Поэтому просто писать font: 100%/120%; недостаточно; Вы можете добавить родовую фамилию, чтобы сделать его действительным, хотя, например .:

font: 100%/120% serif; 

Answer 2

Konrad получил это одно, но есть много CSS shorthand свойств, как это, что вы можете использовать, чтобы сократить ваши таблицы стилей. Некоторые из них выглядят немного загадочными, если вы не знаете о них.