Html nuorodų rodymo parametrus galite pakeisti naudodami kaskadinius css stiliaus lapus. Jie leidžia jums pritaikyti nuorodos šrifto vaizdą, jo spalvą prieš vartotojui spustelėjus jį ir spustelėjus pelę. Taip pat galite pakeisti naudojamo šrifto šriftą ir jo dydį.
Nurodymai
1 žingsnis
Klasės ir pseudoklasės naudojamos nustatyti saito parametrus CSS. Pseudoklasė „a: link“nustato įprastos nuorodos stilių, a: aplankyta leidžia pritaikyti jau naudojamos nuorodos rodymą. A: active tvarko žymos parametrus, kai žymeklis paspaudžiamas ant elemento, o a: hover nustato nuorodos stilių, kai užvedate pelės žymeklį virš jo. Taip pat galite patys sukurti bet kurią elemento klasę, o parametruose tekstui formatuoti naudokite standartinius operatorius.
2 žingsnis
Norėdami išjungti nuorodos teksto pabraukimo rodymą naršyklėje, naudokite parametrą „text-decoration: none“. Šį atributą galite nurodyti tiek klasėje, tiek pseudoklasėje. Norėdami pakeisti nuorodos spalvą, naudokite spalvos parametrą, dydžiui - standartinį šrifto dydžio atributą. Jei norite įtraukti pusjuodį arba kursyvo tipą, naudokite parametrą „font-weight“.
3 žingsnis
Atidarykite HTML failą naudodami bet kokį teksto redaktorių, kurį naudojate puslapio kodui redaguoti. Po to eikite į savo dokumento skyrių ir naudodami rankenėlę nustatykite būsimų nuorodų puslapyje css kodą. Pavyzdžiui:
Nuorodų keitimas
a: nuoroda {text-decoration: none;
šrifto dydis: 14 taškų;
šrifto svoris: paryškintas;
spalva: raudona; }
4 žingsnis
Šis kodas pašalina pabraukimą nuo įprastos nuorodos, nustato teksto dydį iki 14 taškų, taiko paryškintą stilių ir raudoną elemento spalvą. Dabar bet kokia žymos nuoroda bus rodoma taip.
5 žingsnis
Kiekvienos konkrečios nuorodos stilių galite sukurti naudodami „css“klases. Taigi, jei žymos kodas atrodo taip:
a.link1 {font-size: 20px; spalva: juoda;}
6 žingsnis
Nuorodos dydį galite nustatyti iki 20 taškų ir juodo naudodami dokumento tekste esančią klasę taip:
Nuoroda
Iš pavyzdžio galite pamatyti, kad nuorodai buvo priskirta sukurta žingsnio atgal css kodo klasė, nurodant nuorodos klasės atributą. Ši nuoroda dabar bus rodoma juodai ir bus 20 taškų dydžio. Norėdami pakeisti šį atributą, redaguokite puslapio skyriaus css kodą.
7 žingsnis
Nuorodos išvaizda baigta, galite išsaugoti faile atliktus pakeitimus ir paleisti jį peržiūrėti naršyklėje.
