Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Codebeispiel für die Definition des kursiven Schriftartstils mithilfe von „font-style' in CSS

不言
Freigeben: 2018-11-27 16:34:10
nach vorne
4044 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit dem Codebeispiel zum Definieren des kursiven Schriftstils in CSS. Es hat einen gewissen Referenzwert. Ich hoffe, es wird für Sie hilfreich sein.

1. Häufig verwendete kursive Syntax

Gemeinsame Schriftstileinstellungen: kursiv

Kompatibel mit gängigen Browsern

normal : Normale Schriftart (Standardschriftstil, kann verwendet werden, um den standardmäßigen Kursivstil des HTML i-Tags „Italic“ zu entfernen)

kursiv: kursiv. Für spezielle Schriftarten ohne Kursivvariablen wird Oblique

Oblique angewendet: Kursivschrift

2. CSS-Kursivschrift

Wir stellen die Textschriftart im Feld divcss5 auf kursiv und schräg kursiv ein und verwenden „font-style:normal“, um den standardmäßigen kursiven Stil des HTML-Kursiv-Tags zu entfernen.

1. CSS-Code:

<style>
  .divcss5_italic{ font-style:italic}
  .divcss5_oblique{ font-style:oblique}
  .divcss5_normal i{ font-style:normal}
  / 去掉divcss5_normal对象I斜体标签默认斜体样式 /
  </style>
Nach dem Login kopieren

2. HTML-Code-Snippet:

<div class="divcss5_italic">我被加斜体</div>
  <div class="divcss5_oblique">我被加倾斜</div>
  <div>我加I标签斜体</div>
  <div class="divcss5_normal">I斜体被CSS去掉</div>
Nach dem Login kopieren

3. div. CSS-Screenshot in Kursivschrift

CSS-Schriftstil, kursive Schriftart, kursiver Stil (kursiv, schräg, normal)

3. Zusammenfassung

Machen Sie die Textschriftart im Objektfeld kursiv, und Sie können sie hinzufügen Das entsprechende Feld Mit dem CSS-Stil „font-style:italic“ kann die Textschriftart im Objekt kursiv dargestellt werden. Gleichzeitig zeigt unser Fall auch die Verwendung von CSS zum Entfernen des Kursivstils und die Verwendung von CSS „font-style:normal“ zum Entfernen des Kursivstils des I-Tags.

Das obige ist der detaillierte Inhalt vonCodebeispiel für die Definition des kursiven Schriftartstils mithilfe von „font-style' in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage