Que signifie la barre oblique ici:
font: 100%/120%;
Cela définit en fait deux propriétés et équivaut à:
font-size: 100%;
line-height: 120%;
Pour citer le documentation officielle :
La syntaxe de cette propriété est basée sur une notation raccourcie typographique traditionnelle pour définir plusieurs propriétés liées aux polices.
Comme l'a dit David M dans les commentaires, il reflète la tradition de composition de spécifier des tailles de caractères comme " x pt on y pt "pour indiquer la taille du glyphe à la hauteur de la ligne.
Mais l'exemple de votre question est en fait faux et serait ignoré par le navigateur: vous ne pouvez combiner ces deux propriétés que dans la notation abrégée font
, et vous devez spécifiez au moins à la fois la taille de la police et la famille. Écrire simplement font: 100%/120%;
n'est donc pas suffisant; vous pouvez cependant ajouter un nom de famille générique pour le rendre valide, par exemple:
font: 100%/120% serif;
Konrad a obtenu celui-ci, mais il existe de nombreuses propriétés CSS shorthand comme celle-ci que vous pouvez utiliser pour raccourcir vos feuilles de style. Certains d'entre eux ont l'air un peu énigmatiques si vous ne les connaissez pas.