Atributul Cascading Style Sheets (CSS) este cel mai frecvent utilizat pentru a schimba culoarea hyperlinkurilor din paginile web. Soluțiile mai puțin funcționale la această problemă sunt în limbajul HTML (HyperText Markup Language - „limbaj de marcare hipertext”).
Este necesar
Cunoașterea de bază a limbajelor HTML și CSS
Instrucțiuni
Pasul 1
Pregătiți un bloc de stil pentru hyperlinkuri. În forma sa cea mai simplă, ar putea arăta astfel: a {color: Green} Aici „a” se numește „selector”, ceea ce indică faptul că descrierea stilului între paranteze ar trebui aplicată tuturor etichetelor de legătură din document. Verde definește culoarea legăturii; aceasta este o definiție foarte brută a culorii și este rar utilizată. Mult mai des, o „pseudo-clasă” este adăugată la selectorul „a” - este o etichetă care vă permite să specificați stilul legăturii în trei stări diferite.
Pasul 2
Utilizați pseudo-clasa de legătură pentru a stiliza starea normală (inactivă) a legăturii. Poate arăta astfel, de exemplu: a: link {color: Green}
Pasul 3
Utilizați cursorul pseudo-clasă pentru a specifica modul în care ar trebui să apară legătura pe cursor. De exemplu: a: hover {color: Lime}
Pasul 4
Utilizați pseudo-clasa vizitată pentru a descrie stilul unui link deja vizitat. De exemplu: a: vizitat {color: DarkGreen}
Pasul 5
Combinați toate cele trei stări într-un singur bloc de descriere a stilului. Aspectul codului HTML care conține descrieri de stiluri CSS poate, de exemplu, să arate astfel:
a: link {color: Green}
a: vizitat {color: DarkGreen}
a: hover {color: Lime}
Aici, etichetele de stil HTML de deschidere și de închidere indică browserului unde încep și se termină descrierile de stil, iar între ele este o descriere a comportamentului legăturii în trei stări.
Pasul 6
Eșantionul utilizat mai sus arată numai caracteristicile culorii, dar alte descrieri pot fi incluse în descriere. De exemplu, dacă proiectarea paginii necesită ca link-ul să nu fie subliniat în starea normală (inactivă), ci subliniat atunci când cursorul este plasat pe deasupra, atunci codul poate fi modificat după cum urmează:
a: link {culoare: Verde; decor-text: nici unul;}
a: vizitat {color: DarkGreen; text-decor: none;}
a: hover {color: Lime; decor-text: subliniat;}
Pasul 7
Dacă doriți să schimbați culoarea doar a unor linkuri din pagină și să lăsați restul cu setările implicite, atunci adăugați atributul de clasă la eticheta fiecărui link modificat. De exemplu, denumiți această clasă de hyperlink newLinks. Apoi, eticheta de link poate arăta astfel: text link Același nume de clasă trebuie adăugat la descrierea stilului:
a.newLinks: link {culoare: Verde; text-decor: none;}
a.newLinks: vizitat {color: DarkGreen; text-decor: none;}
a.newLinks: hover {color: Lime; decor-text: subliniat;}
Pasul 8
Plasați codul de descriere a stilului pregătit din exemplele descrise mai sus în antetul paginii - între etichete și. Dacă este necesar, adăugați un atribut de clasă la etichetele de link cu numele folosit în descrierile stilului. Apoi salvați pagina modificată și procedura de schimbare a culorii hyperlinkurilor va fi finalizată.
