A Cascading Style Sheets (CSS) attribútumot használják leggyakrabban a weboldalak hiperhivatkozásainak színének megváltoztatására. A probléma kevésbé funkcionális megoldása a HTML nyelv (HyperText Markup Language - "hipertext jelölő nyelv").
Szükséges
HTML és CSS nyelvek alapismerete
Utasítás
1. lépés
Készítsen elő egy stílusblokkot a hiperhivatkozásokhoz. A legegyszerűbb formájában a következőképpen nézhet ki: {color: Green} Itt az "a" -t "választónak" nevezik, ami azt jelzi, hogy a zárójelben lévő stílusleírást alkalmazni kell a dokumentum összes linkcímkéjére. A zöld határozza meg a link színét; ez a szín nagyon durva meghatározása, és ritkán használják. Sokkal gyakrabban egy "ál-osztály" kerül az "a" választóba - ez egy címke, amely lehetővé teszi a hivatkozás stílusának megadását három különböző állapotban.
2. lépés
A hivatkozás álosztályával formázhatja a hivatkozás normál (inaktív) állapotát. Így nézhet ki például: a: link {color: Green}
3. lépés
Az ál-osztály lebegő segítségével adhatja meg, hogy a link hogyan jelenjen meg az egérrel. Például: a: hover {color: Lime}
4. lépés
A meglátogatott ál-osztály segítségével írja le a már meglátogatott link stílusát. Például: a: látogatott {color: DarkGreen}
5. lépés
Kombinálja mindhárom állapotot egy stílusleíró blokkba. A CSS stílusleírásokat tartalmazó HTML kód megjelenése például így nézhet ki:
a: link {color: Green}
a: meglátogatott {color: DarkGreen}
a: lebeg {szín: Mész}
Itt a nyitó és a záró HTML stíluscímkék megmondják a böngészőnek, hogy a stílusleírások hol kezdődnek és hol végződnek, és közöttük a link viselkedésének leírása három állapotban.
6. lépés
A fent használt minta csak a színjellemzőket mutatja, de a leírásban más attribútumok is szerepelhetnek. Például, ha az oldal kialakítása megköveteli, hogy a hivatkozás ne legyen aláhúzva a normál (inaktív) állapotban, de aláhúzva legyen, amikor a kurzor fölé viszi az egeret, akkor a kód a következőképpen módosítható:
a: link {szín: zöld; szövegdíszítés: nincs;}
a: meglátogatott {color: DarkGreen; szövegdíszítés: nincs;}
a: lebeg {szín: Mész; szövegdekoráció: aláhúzás;}
7. lépés
Ha csak néhány link színét szeretné megváltoztatni az oldalon, a többit pedig az alapértelmezett beállításokkal hagyja meg, akkor adja hozzá az class attribútumot az egyes módosított linkek címkéihez. Nevezze el például ezt a hiperhivatkozás osztályt newLinks. Ekkor a linkcímke így nézhet ki: szöveges hivatkozás A stílusleíráshoz ugyanazt az osztálynevet kell hozzáadni:
a.newLinks: link {szín: Zöld; szövegdekoráció: nincs;}
a.newLinks: meglátogatott {color: DarkGreen; szövegdíszítés: nincs;}
a.newLinks: lebeg {szín: Mész; szövegdekoráció: aláhúzás;}
8. lépés
Helyezze a fent leírt példákból előkészített stílusleíró kódot az oldal fejlécébe - a és tagek közé. Szükség esetén adjon hozzá egy osztályattribútumot a linkcímkékhez a stílusleírásokban használt névvel. Ezután mentse el a módosított oldalt, és a hiperhivatkozások színének megváltoztatása befejeződik.
