Ha a weboldal látogatójának böngészője nem talál semmilyen utalást a hivatkozások színének megjelenítésére az oldal kódjában, akkor az alapértelmezett értékeket használja. Ezek az értékek kékek a passzív linkeknél, pirosak az aktív (lebegő) linkeknél, a bíborvörös szín pedig a már meglátogatott linkeknél. Ezt a színösszeállítást nem mindig kombinálják az oldalterv színvilágával, ezért a kód stílusába általában egy hivatkozásstílus-leírás blokk kerül.
Utasítás
1. lépés
Hozzon létre egy utasításkészletet a böngészőhöz, amely három állapotban írja le a link színeit. Például így nézhet ki: a: link {color: Red;}
a: meglátogatott {szín: sárga;}
a: hover {color: Orange;} Itt az egyes sorok elején lévő "a" -t "selector" -nak nevezik, és meghatározza azt a címkét, amelyre a böngészőnek a göndör zárójelben zárt stílusleírást kell alkalmaznia. "A" a hiperhivatkozás címke. A választónak kettősponttal elválasztott szavát "ál-osztálynak" nevezik - amellyel a böngésző meghatározza, hogy a göndör zárójeles stílus melyik link állapotba tartozik. link megfelel egy szokásos linknek, meglátogatott egy már meglátogatott linket, és vigye az egérmutatót egy linkre, amikor a kurzor fölé viszi. A göndör zárójelben lévő színparaméterhez rendelt színeket vagy a színárnyalat nevével, vagy annak hexadecimális kódjával lehet megadni.
2. lépés
Ha az oldal különböző linkcsoportjaihoz különféle színeket kell rendelnie, akkor mindegyik csoporthoz rendelje a saját megnevezését ("osztály"), és mindegyikhez külön írja le a stílusokat. Például nevezzen meg egy csoportot a LinksRed-nek, a másikat pedig a LinksGreen-nek. Ezután a stílus leírása a következőképpen fog kinézni: a. LinksRed: link {color: Red;}
a. LinksRed: meglátogatott {color: Yellow;}
a. LinksRed: lebeg {szín: narancs;} a. LinksGreen: link {szín: zöld;}
a. LinksGreen: meglátogatott {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} És az egyes csoportok linkjeinek címkéiben fel kell tüntetni, hogy melyik osztályba tartoznak. Például: Piros link
Zöld link
3. lépés
Ezeket az utasításokat CSS-ben (kaszkád stíluslapok) írják, ezért azokat egy stíluscímkébe kell helyezni, amely elválasztja őket az oldal forráskódjának HTML-ben (HyperText Markup Language) írt egyéb utasításaitól:
a. LinksRed: link {szín: Piros;}
a. LinksRed: meglátogatott {color: Yellow;}
a. LinksRed: lebeg {szín: narancs;} a. LinksGreen: link {szín: zöld;}
a. LinksGreen: meglátogatott {color: DarkGreen;}
a. LinksGreen: lebeg {szín: Lime;}
4. lépés
Helyezze az elkészített linkstílus-leíró blokkot az oldal forráskódjának fejlécrészébe - a és tagek határolják.
