Cascading Style Sheets (CSS) -attributtet brukes oftest til å endre fargen på hyperkoblinger på websider. Mindre funksjonelle løsninger på dette problemet er på HTML-språket (HyperText Markup Language - "hypertext markup language").
Det er nødvendig
Grunnleggende kunnskaper om HTML- og CSS-språk
Bruksanvisning
Trinn 1
Forbered en stylingblokk for hyperkoblinger. I sin enkleste form kan det se slik ut: a {color: Green} Her kalles "a" en "selector", noe som indikerer at stilbeskrivelsen i parentes skal brukes på alle koblingskoder i dokumentet. Grønt definerer fargen på lenken; dette er en veldig grov definisjon av farge og brukes sjelden. Mye oftere blir en "pseudoklasse" lagt til "a" -velgeren - det er en etikett som lar deg spesifisere stilen på lenken i tre forskjellige tilstander.
Steg 2
Bruk koblingen pseudoklasse for å style den normale (inaktive) tilstanden til lenken. Det kan se slik ut, for eksempel: a: link {color: Green}
Trinn 3
Bruk pseudoklassen for å spesifisere hvordan lenken skal vises på sveven. For eksempel: a: hover {color: Lime}
Trinn 4
Bruk den besøkte pseudoklassen for å beskrive stilen til en allerede besøkt lenke. For eksempel: a: besøkt {color: DarkGreen}
Trinn 5
Kombiner alle tre tilstandene i en stilbeskrivelsesblokk. Utseendet til HTML-kode som inneholder CSS-beskrivelser av stiler, kan for eksempel se slik ut:
a: link {color: Green}
a: besøkt {color: DarkGreen}
a: hover {color: Lime}
Her forteller de åpne og lukkende HTML-stilkodene nettleseren hvor stilbeskrivelsene begynner og slutter, og mellom dem er en beskrivelse av koblingsatferden i tre stater.
Trinn 6
Eksemplet som er brukt ovenfor viser bare fargekarakteristikkene, men andre attributter kan inkluderes i beskrivelsen. For eksempel, hvis sideutformingen krever at lenken ikke er understreket i normal (inaktiv) tilstand, men understreket når markøren holdes over, kan koden endres som følger:
a: link {farge: grønn; tekstdekorasjon: ingen;}
a: besøkt {color: DarkGreen; tekstdekorasjon: ingen;}
a: sveve {farge: Lime; tekstdekorasjon: understrek;}
Trinn 7
Hvis du bare vil endre fargen på bare noen lenker på siden, og la resten være med standardinnstillingene, legger du til klasseattributtet i taggen til hver lenke som endres. Navn for eksempel denne hyperkoblingsklassen newLinks. Da kan koblingstaggen se slik ut: tekstlenke Det samme kursnavnet må legges til stilbeskrivelsen:
a.newLinks: link {color: Green; tekstdekorasjon: ingen;}
a.newLinks: besøkt {color: DarkGreen; tekstdekorasjon: ingen;}
a.newLinks: hover {color: Lime; tekstdekorasjon: understrek;}
Trinn 8
Plasser stilbeskrivelseskoden utarbeidet fra eksemplene beskrevet ovenfor i overskriften på siden - mellom kodene og. Hvis det er nødvendig, kan du legge til et klasseattributt til koblingskodene med navnet som brukes i stilbeskrivelsene. Lagre deretter den modifiserte siden, og prosedyren for å endre fargen på hyperkoblingene vil bli fullført.
