Om webbläsarens webbläsare inte hittar någon indikation på hyperlänkarnas färgdesign i sidkoden använder den standardvärdena. Dessa värden är blåa för passiva länkar, röda för aktiva (på svävar) länkar och magenta färgton för redan besökta länkar. Det här färgschemat kombineras inte alltid med färgschemat för siddesignen, därför ingår vanligtvis ett block med länkstilbeskrivningar i koden.
Instruktioner
Steg 1
Skapa en uppsättning instruktioner för webbläsaren som beskriver länkfärgerna i tre tillstånd. Det kan till exempel se ut så här: a: länk {färg: röd;}
a: besökte {färg: gul;}
a: sväva {färg: Orange;} Här kallas "a" i början av varje rad "väljare" och anger taggen som webbläsaren ska tillämpa stilbeskrivningen i lockiga hakparenteser. "A" är hyperlänkstaggen. Ordet som läggs till i väljaren åtskilt av ett kolon kallas en "pseudoklass" - som webbläsaren använder för att bestämma vilken länkstat som stilen i lockiga hakparenteser tillhör. länk matchar en vanlig länk, besökte en länk som redan har besöks och svävar en länk när markören svävar över den. Färgerna som tilldelas färgparametern i de lockiga hakparenteserna kan anges antingen med namnet på färgskuggan eller genom dess hexadecimala kod.
Steg 2
Om du behöver tilldela olika färger till olika grupper av länkar på sidan, tilldela sedan varje grupp sin egen beteckning ("klass") och gör en separat beskrivning av stilarna för var och en av dem. Namnge till exempel en grupp LinksRed och den andra LinksGreen. Då ser stilbeskrivningen ut så här: a. LinksRed: länk {färg: röd;}
a. LinksRed: besökte {färg: gul;}
a. LinksRed: sväva {färg: orange;} a. LinksGreen: länk {färg: grön;}
a. LinksGreen: besökte {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Och i taggarna för länkar i varje grupp måste du ange till vilken klass de tillhör. Till exempel: Röd länk
Grön länk
Steg 3
Dessa instruktioner är skrivna i CSS (Cascading Style Sheets), så de måste placeras i en stiltagg som skiljer dem från andra instruktioner i sidans källkod, skrivna i HTML (HyperText Markup Language):
a. LinksRed: länk {färg: röd;}
a. LinksRed: besökte {färg: gul;}
a. LinksRed: sväva {färg: orange;} a. LinksGreen: länk {färg: grön;}
a. LinksGreen: besökte {color: DarkGreen;}
a. LinksGreen: sväva {color: Lime;}
Steg 4
Placera det förberedda blockbeskrivningsblocket i sidhuvudet på sidans källkod - det avgränsas av taggarna och.
