Heim >Web-Frontend >Front-End-Fragen und Antworten >Was ist eine Schriftart im CSS-Stil?
Was ist eine Schriftart im CSS-Stil?
- WBOYOriginal
- 2022-06-06 16:45:493356Durchsuche
Schriftart ist in CSS ein Abkürzungsattribut, das zum Deklarieren aller Schriftattribute verwendet wird. Mit diesem Attribut können Schriftstil, -variante, -stärke, -größe und -zeilenhöhe angegeben werden, und nicht festgelegte Attribute verwenden ihre Standardwerte ist „Element {Schriftart: in der Reihenfolge angegebener Schriftstil;}“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Schriftart im CSS-Stil
Die Eigenschaft „font shorthand“ legt alle Schriftarteigenschaften in einer Deklaration fest.
Dieses Attribut hat auch einen sechsten Wert: „line-height“, der den Zeilenabstand festlegen kann.
Beschreibung
Dieses Kurzschriftattribut wird verwendet, um zwei oder mehr Aspekte der Schriftart eines Elements gleichzeitig festzulegen. Verwenden Sie Schlüsselwörter wie „icon“, um die Schriftart eines Elements entsprechend einem Aspekt der Computerumgebung des Benutzers festzulegen. Beachten Sie, dass bei Nichtverwendung dieser Schlüsselwörter zumindest die Schriftgröße und die Schriftfamilie angegeben werden müssen.
Die folgenden Eigenschaften können in der Reihenfolge festgelegt werden:
font-style
font-variant
font-weight
font-size/line-height
-
font -Familie
Sie können keinen der Werte festlegen, z. B. Schriftart: 100 % Verdana ist ebenfalls zulässig. Nicht festgelegte Eigenschaften verwenden ihre Standardwerte.
Das Beispiel sieht wie folgt aus:
<html>
<head>
<style type="text/css">
p.ex1
{
font:italic arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/30px arial,sans-serif;
}
</style>
</head>
<body>
<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
</body>
</html>Ausgabeergebnis:
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonWas ist eine Schriftart im CSS-Stil?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!