Heim >Web-Frontend >CSS-Tutorial >Wie lege ich den kursiven Schriftstil in CSS fest? (Detaillierte Code-Erklärung)
Wie lege ich den kursiven Schriftstil in CSS fest? (Detaillierte Code-Erklärung)
- 青灯夜游Original
- 2018-10-25 10:27:0024451Durchsuche
Wie stelle ich den kursiven Schriftstil in CSS ein? In diesem Artikel erfahren Sie, wie Sie den kursiven Schriftstil mithilfe von CSS festlegen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Zunächst müssen wir wissen, dass das Festlegen der Schriftneigung innerhalb eines Objekts in CSS oft über das css-Attribut „font-style“ erreicht wird. Das Attribut „font-style“ kann den Stil definieren der Schriftart.
Nachfolgend erläutern wir anhand eines einfachen Codebeispiels ausführlich die Methode zum Festlegen des Kursivstils für Schriftarten mit CSS!
CSS-Schriftart-Kursiv-Codebeispiel (kursiv):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字体倾斜（斜体）样式</title>
<style>
.demo span{
font-style: italic;
}
</style>
</head>
<body>
<div class="demo">
这里是一段测试文字，文字设置了<span>倾斜(斜体)样式</span>
</div>
</body>
</html>Rendering:
Durch Anhand des Beispiels können wir Folgendes erkennen: Das Attribut „style“ von „font-style: italic“ wird hier hauptsächlich verwendet, um den Fettdruckeffekt zu erzielen Stil, sodass der Schrifttext in Kursivschrift umgewandelt wird, sodass der Text schräg gestellt werden kann.
CSS-Schriftart-Kursiv-Codebeispiel (kursiv):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字体倾斜（倾斜体）样式</title>
<style>
.demo span{
font-style: oblique;
}
</style>
</head>
<body>
<div class="demo">
这里是一段测试文字，文字设置了<span>倾斜(倾斜体)样式</span>
</div>
</body>
</html>Rendering:
Wir müssen wissen, dass normalerweise eine Schriftart vorhanden ist Es gibt viele Attribute wie Fett, Kursiv, Unterstrichen und Durchgestrichen. Aber nicht alle Schriftarten haben diese Attribute. Einige ungewöhnliche Schriftarten haben möglicherweise nur einen normalen Schrifteffekt. Auch wenn Kursivschrift verwendet wird, sollte kein Schrägschrifteffekt verwendet werden. Der Wert des Oblique-Attributs kann Text ohne Kursivschrift-Attribute schräg stellen. Wir können den Schriftstil „oblique“ festlegen.
Ein einfacher Vergleich von Kursivschrift und Schrägschrift:
Die Attributwerte „Kursivschrift“ und „Schrägschrift“ des Attributs „font-style“ legen beide die Neigung nach rechts fest des Textes, aber der Unterschied besteht darin, dass „Italic“ eine kursive Schriftart definiert, während „Oblique“ die Neigung des Textes festlegt. Bei Schriftarten ohne Kursivschrift sollte der Attributwert „Oblique“ verwendet werden, um den schrägen Texteffekt zu erzielen.
Zusammenfassung: Das Obige ist der gesamte Inhalt der in diesem Artikel eingeführten Verwendung der Attributwerte „Italic“ und „Oblique“ des Attributs „font-style“ zum Festlegen des Schriftneigungsstils. Sie können es selbst ausprobieren, um es zu vertiefen Ihr Verständnis. Ich hoffe, dass es für das Lernen aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter: CSS-Basis-Video-Tutorial , HTML-Video-Tutorial , Bootstrap-Video-Tutorial !
Das obige ist der detaillierte Inhalt vonWie lege ich den kursiven Schriftstil in CSS fest? (Detaillierte Code-Erklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!