Hvordan bruke kursiv i CSS

July 9

Når du oppretter en nettside og fylle det med innhold, er det en rekke ulike måter å tilpasse din kopi og gjør det skiller seg ut. En måte å fremheve teksten på nettstedet ditt er å bruke skrifttyper. Disse kan brukes på siden din informasjon med brusende stiler ark (CSS). Elementene på siden din er merket med et navn som du velger, så disse elementene er tilpasset med CSS egenskaper definert i en egen CSS side eller i <head> delen av siden din.

Bruksanvisning

1 Åpne siden som inneholder teksten du ønsker å kursiv i din vanlige Webredaktør. Hvis du bruker en redigering program som lar deg veksle mellom "Design" og "Code", og velg "Code" alternativet.

2 Bla til plasseringen av teksten som du ønsker å kursiv.

3 Legg en klasse identifikator til elementet som inneholder teksten du vil kursivert. For eksempel, hvis tekst er inne i en "<div>" tag, ville du endre den til å si

<Div class = "xxxxxx"> tekst til kursiv </ div>

der "xxxxxx" ville bli erstattet med navnet du ønsker å gi til elementet.

4 Bla til "<head>" delen av siden din, eller åpne Css dokumentet hvis du bruker en.

5 Legg teksten for klassen til "<head>" delen eller til Css dokumentet. Hvis du legger til din første CSS-klasse til siden, vil du også trenger å inkludere "<style type =" text / css "> </ style>" til "<head>" -delen. Så, hvis dette er din første CSS-klasse på en side, skriver du inn

.xxxxxx {

font-style: italic;

}

</ Style>

Hvis du allerede har CSS på siden din, eller hvis du legger klassen til et Css dokumentet, skriver du inn

.xxxxxx {

font-style: italic;

}

Hint

Du kan også bruke HTML "<i>" og "</ i>" tags før og etter teksten du ønsker å kursiv.