Wie man CSS verwenden, um Text kursiv zu formatieren.

March 29

Cascading Stylesheets (CSS) Datei platzsparend und können Sie in Web-Seiten-Format schnell für das Internet. Sie können Text in einer Zeile, Überschrift oder eines Absatzes zum Zweck Stil, die Sie im Kopf haben. CSS verwendet Schriftschnitt speziell für Text. Die italic-Eigenschaft ist eine Schriftart, die Hilfen Sie Text auf einer Web-Seite geneigt sind. Sie können ein einzelnes Wort, Satz, Zeile oder Absatz kursiv, oder Sie können mehrere Zeilen Text kursiv, zur gleichen Zeit.

Anweisungen

Mehrere Zeilen Text kursiv

1 Gehen Sie im HEAD-Tag der HTML-Datei, die Sie formatieren möchten.

2 Fügen Sie den folgenden CSS-Code um den Inhalt Ihrer Webseite Stil. Der Selektor "p.italics" wird für Absätze, verwendet, während "span.italics" für Text in der gleichen Zeile verwendet wird. "H1.italics", "h2.italics", "h3.italics", "h4.italics", "h5.italics" und "h6.italics" werden für Überschriften auf Ihrer Web-Seite (bestellt vom größten zum kleinsten) verwendet.

< Typ style = "Text/Css" >< / style >

3 Entfernen Sie alle Elemente, die Sie aus der CSS-Code in Schritt 2 wie möchten nicht:

H6.Italics {Font-Style: Italic;}

4 Gehe zu den BODY-Tag und finde HTML-Tags wie kursiv formatieren möchten:

Inhalt der < p > </p > kursiv werden soll

5 Hinzufügen "Klasse"Kursiv"=" an dem Tag wie folgt:

< p Class = "Kursiv" > Inhalte sollen kursiv </p >

Individuelle Text kursiv formatieren

6 Gehen Sie auf das BODY-Tag der HTML-Datei, die Sie formatieren.

7 Fügen Sie den folgenden Code, um Text in einem Absatz kursiv formatieren, aber "Ihre Inhalte hier" mit Ihrem tatsächlichen Text ersetzt:

< p Style = "Font-Style: Italic;" > Ihre Inhalte hier </p >

8 Ersetzen Sie "p" durch "Span" um Text kursiv zu formatieren, die Sie auf der gleichen Linie wie behalten möchten:

< span Style = "Font-Style: Italic;" > Ihre Inhalte hier < / Span >

9 "P" ersetzen durch "h1", "h2", "h3", "h4," "h5" oder "h6", kursiv Text in einer Überschrift (geordnet von der größten zur kleinsten) wie folgt:

< h1 Stil = "Font-Style: Italic;" > Ihre Inhalte hier < / h1 >< h2 Style = "Font-Style: Italic;" > Ihre Inhalte hier < / h2 >< h3 Style = "Font-Style: Italic;" > Ihre Inhalte hier < / h3 >< h4 Stil = "Font-Style: Italic;" > Ihre Inhalte hier < / h4 >< h5 Stil = "Font-Style: Italic;" > Ihre Inhalte hier < / h5 >< h6 Stil = "Font-Style: Italic;" > Ihre Inhalte hier < / h6 >

Wie man CSS verwenden, um Text kursiv zu formatieren.

Anweisungen

Mehrere Zeilen Text kursiv

Individuelle Text kursiv formatieren

SIE KÖNNEN AUCH GERNE