As die blaaier van die webwerfbesoeker geen aanduiding van die kleurontwerp van die skakels in die bladsykode vind nie, gebruik dit die standaardwaardes. Hierdie waardes is blou vir passiewe skakels, rooi vir aktiewe (op hover) skakels, en die magenta kleur tint vir reeds besoekte skakels. Hierdie kleurskema word nie altyd gekombineer met die kleurskema van die bladsyontwerp nie. Daarom word 'n blok beskrywings van die skakelstyl gewoonlik in die kode ingesluit.
Instruksies
Stap 1
Skep 'n stel instruksies vir die blaaier wat die skakelkleure in drie state sal beskryf. Dit kan byvoorbeeld so lyk: a: skakel {kleur: rooi;}
a: besoek {kleur: geel;}
a: hover {kleur: Oranje;} Hier word die "a" aan die begin van elke reël die "selector" genoem en spesifiseer die tag waarop die blaaier die stylbeskrywing moet toepas wat in krullerige hakies is. "A" is die hiperskakelmerker. Die woord wat by die keurder gevoeg word, geskei deur 'n dubbelpunt, word 'n "pseudoklas" genoem - wat die blaaier gebruik om te bepaal tot watter skakel die styl in krullerige hakies behoort. skakel ooreenstem met 'n gewone skakel, 'n skakel wat reeds besoek is besoek, en 'n skakel hou as die wyser daaroor beweeg. Die kleure wat aan die kleurparameter in die krullerige hakies toegeken word, kan deur die naam van die kleurskerm of deur die heksadesimale kode gespesifiseer word.
Stap 2
As u verskillende kleure aan verskillende groepe skakels op die bladsy moet toewys, ken elke groep sy eie benaming ("klas") toe en gee 'n afsonderlike beskrywing van die style vir elkeen daarvan. Noem byvoorbeeld een groep LinksRed en die ander LinksGreen. Dan sal die stylbeskrywing so lyk: a. LinksRed: skakel {kleur: rooi;}
a. LinksRed: besoek {kleur: geel;}
a. LinksRed: sweef {kleur: Oranje;} a. LinksGreen: skakel {kleur: Groen;}
a. LinksGreen: besoek {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} En in die etikette van skakels van elke groep, moet u aandui tot watter klas hulle behoort. Byvoorbeeld: Rooi skakel
Groen skakel
Stap 3
Hierdie instruksies is in CSS (Cascading Style Sheets) geskryf, daarom moet dit in 'n stylplaatjie geplaas word wat dit van ander instruksies in die bronkode van die bladsy, wat in HTML (HyperText Markup Language) geskryf is, skei:
a. LinksRed: skakel {kleur: rooi;}
a. LinksRed: besoek {kleur: geel;}
a. LinksRed: sweef {kleur: Oranje;} a. LinksGreen: skakel {kleur: Groen;}
a. LinksGreen: besoek {color: DarkGreen;}
a. LinksGreen: sweef {kleur: Kalk;}
Stap 4
Plaas die voorbereide beskrywingsblok vir die skakelstyl in die kopstuk van die bladsy se bronkode - dit word afgebaken deur die en-tags.
