Probleme mit dem Schriftartattribut in CSS und seine Lösungen

Attributdefinition und Verwendungsanweisungen

Schriftabkürzungsattribut Legen Sie alle Schriftarteigenschaften in einer Anweisung fest.

Die Eigenschaften, die festgelegt werden können, sind (in der Reihenfolge):

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

Werte für Schriftgröße und Schriftfamilie sind erforderlich. Fehlen weitere Werte, wird der Standardwert eingefügt, sofern einer vorhanden ist.

Probleme mit dem Schriftartattribut in CSS, Schriftart und Zeilenhöhe

Zuerst wird die Schriftgröße und dann die Zeile festgelegt wird später eingestellt. Ich habe es gerade in Chrome getestet und das Schreiben von „font: 10px/1.5em;“ allein ist ungültig. Aber fügen Sie am Ende einfach „font-family“ hinzu. Zum Beispiel: Schriftart: 10px/1,5em arial,verdana; oder Schriftart: 10px/1,5em „“; Das Abkürzungsattribut vor der Schriftart muss nicht geschrieben werden, das Attribut „font-family“ muss jedoch geschrieben werden, andernfalls ist es ungültig. Vollständiges Schriftart-Abkürzungsattribut Schriftart: Kursiv Kapitälchen Fett 12px/1,5em Arial, Verdana; Es wird empfohlen, nur die Zeilenhöhe und die Schriftgröße festzulegen. Es ist nicht erforderlich, das Abkürzungsattribut zu verwenden. Sie können sich auf die Vorschläge von Bootstrap zur Verwendung abgekürzter Attribute beziehen.

Warum funktioniert das gemeinsame Schreiben von Schriftarten in CSS nicht

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，只能通过斜杠/组成

Das obige ist der detaillierte Inhalt vonProbleme mit dem Schriftartattribut in CSS und seine Lösungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!