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

Ответ 1

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

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

Чтобы процитировать официальную документацию :

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

Как сказал Дэвид М в комментариях, он отражает традицию набора текста для определения размеров шрифта как "x pt on y pt", чтобы обозначить размер глифа на высоте строки.

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

font: 100%/120% serif;

Ответ 2

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