Problèmes avec l'attribut font en CSS et ses solutions

Définition de l'attribut et instructions d'utilisation

Attribut d'abréviation de police Définissez toutes les propriétés de police dans une seule instruction.

Les propriétés qui peuvent être définies sont (dans l'ordre) :

“font-style font-variant font-weight font-size / line-height font-family”

Les valeurs de la taille de police et de la famille de polices sont requises. Si d'autres valeurs sont manquantes, la valeur par défaut sera insérée, si elle existe.

Problèmes avec l'attribut font en CSS, la police et la hauteur de ligne

La taille de la police est définie en premier et la ligne est défini plus tard. -height ; je viens de le tester en chrome, et l'écriture de font: 10px/1.5em seule n'est pas valide. Mais ajoutez simplement font-family à la fin. Par exemple : police : 10px/1,5em arial,verdana ; ou police : 10px/1,5em "" ; L'attribut abréviation devant font n'a pas besoin d'être écrit, mais l'attribut font-family doit être écrit sinon il ne sera pas valide. Attribut d'abréviation de police complet font:italic small-caps bold 12px/1.5em arial,verdana; Il est recommandé de définir simplement la hauteur de ligne et la taille de la police. Il n'est pas nécessaire d'utiliser l'attribut d'abréviation. Vous pouvez vous référer aux suggestions de bootstrap pour utiliser des attributs abrégés.

Pourquoi la co-écriture de polices en CSS ne fonctionne pas

body{
font:62.5% Arial, Helvetica, sans-serif,"宋体";
}
.nav li{
font:1.6em/54px;
}
"font:1.6em/54px"不管用

把font:1.6em/54px改为font:54px/1.6em;即可，建议书写完整。
简写顺序：font-style | font-variant | font-weight | font-size | line-height | font-family
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
简写格式：
font:italic small-caps bold 12px/1.5em arial,verdana;
说明：简写时font-size和line-height，只能通过斜杠/组成

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!