Hvordan bruke flere klasser for én tag

Web programmeringsspråk kjent som HTML bruker stilark, eller CSS, for å bruke stiler til HTML-koder. Du kan tilpasse CSS-koden slik at den posisjonerer elementer en bestemt måte, gjelder en bakgrunnsfarge eller bilde til sider; og legger grenser til kolonner. CSS kan omfatte en eller flere velgere, som er kalt til handling med klasser i HTML-koden. For eksempel kan en velgeren justere teksten, mens en annen legger bunn padding til tekst. I stedet for å opprette separate stilarter innenfor koden, kan du bruke dem flere ganger i den samme koden.

Bruksanvisning

1 Bla til HEAD taggen i HTML-filen du ønsker å endre.

2 Finn CSS-koden du vil bruke flere ganger i HTML-koden og legg merke til velgere navn. For eksempel, har følgende kode to velgere, ".right" og ".yellow." Den ".right" velgeren gjelder en Serif font til tekst og sentre den. Den ".yellow" velgeren gjelder en gul bakgrunn og svart ramme til tekst:

<Style type = "text / css">

<! -

.right {

font-family: serif;

text-align: center;

}

.yellow {

background-color: gul;

border: 1px svart solid;

}

->

</ Style>

3 Gå til BODY-koden, og klikk i koden du ønsker å endre, for eksempel "<p>".

4 Sett klasser for velgere fra CSS-koden inn koden. For eksempel, for å sentrere teksten, vise den i Serif font og gi den en gul bakgrunn med svart ramme, legge til følgende kode:

<P class = "right gul"> Innholdet ditt </ p>