Slik bruker CSS til Kursiv Tekst

Cascading Style Sheets (CSS) lagre filen plass og tillater deg å formatere websider raskt for Internett. Du kan style tekst i en linje, overskrift eller et avsnitt for det formålet du har i tankene. CSS bruker font-style spesielt for tekst. Den kursiv Eiendommen er en font-style som hjelper deg skrå tekst på en webside. Du kan kursiv et enkelt ord, setning, linje eller avsnitt, eller du kan kursivert flere linjer med tekst på samme tid.

Bruksanvisning

Kursiv flere linjer med tekst

1 Gå til HEAD taggen i HTML-filen du vil formatere.

2 Sett følgende CSS-kode for å style innholdet på websiden. Den "p.italics" velgeren brukes for avsnitt, mens "span.italics" brukes for tekst på samme linje. "H1.italics," "h2.italics", "h3.italics", "h4.italics", "h5.italics" og "h6.italics" brukes for overskrifter på websiden (bestilles fra største til minste) .

<Style type = "text / css">
<! -
p.italics {font-style: italic; }
span.italics {font-style: italic; }
h1.italics {font-style: italic; }
h2.italics {font-style: italic; }
h3.italics {font-style: italic; }
h4.italics {font-style: italic; }
h5.italics {font-style: italic; }
h6.italics {font-style: italic; }
->
</ Style>

3 Fjern eventuelle elementer du ikke ønsker å style fra CSS-koden i trinn 2, for eksempel:

h6.italics {font-style: italic; }

4 Gå til BODY-koden og finne noen HTML-koder du ønsker å kursiv, for eksempel:

<P> innhold du ønsker å kursiv </ p>

5 Legg til "class =" kursiv " 'til koden som følger:

<p class = "kursiv"> innhold du ønsker å kursiv </ p>

Kursiv Individuell tekst

6 Gå til BODY-koden i HTML-filen du formaterer.

7 Sett inn følgende kode kursiv tekst i et avsnitt, men erstatte "din innholdet her" med det faktiske teksten:

<P style = "font-style: italic;"> din innholdet her </ p>

8 Erstatt "p" med "span" til kursiv tekst du vil beholde på samme linje, for eksempel:

<Span style = "font-style: italic;"> din innholdet her </ span>

9 Erstatt "p" med "h1", "h2", "h3", "h4", "h5" eller "h6" til kursiv tekst i en overskrift (bestilles fra størst til minst) som følger:

<H1 style = "font-style: italic;"> din innholdet her </ h1>
<H2 style = "font-style: italic;"> din innholdet her </ h2>
<H3 style = "font-style: italic;"> din innholdet her </ h3>
<H4 style = "font-style: italic;"> din innholdet her </ h4>
<H5 style = "font-style: italic;"> din innholdet her </ h5>
<H6 style = "font-style: italic;"> din innholdet her </ h6>