Jei svetainės lankytojo naršyklė neranda jokių nuorodų apie hipersaitų spalvų dizainą puslapio kode, ji naudoja numatytąsias reikšmes. Šios vertės yra mėlynos spalvos pasyvioms nuorodoms, raudonos - aktyvioms (ant svyravimo) nuorodoms ir purpurinės spalvos atspalviui - jau aplankytoms nuorodoms. Ši spalvų schema ne visada derinama su puslapio dizaino spalvų schema, todėl paprastai į kodą įtraukiamas nuorodų stiliaus aprašų blokas.
Nurodymai
1 žingsnis
Sukurkite naršyklės instrukcijų rinkinį, kuriame bus aprašytos nuorodų spalvos trimis būsenomis. Pvz., Tai gali atrodyti taip: a: link {color: Red;}
a: aplankyta {spalva: geltona;}
a: užveskite pelės žymeklį {spalva: oranžinė;} Čia kiekvienos eilutės pradžioje esantis „a“vadinamas „selektoriumi“ir nurodo žymą, kuriai naršyklė turėtų pritaikyti stiliaus aprašymą, uždarą garbanotaisiais breketais. „A“yra hipersaito žyma. Žodis, pridėtas prie selektoriaus, atskirtas dvitaškiu, vadinamas „pseudo klase“, kurią naršyklė naudoja nustatydama, kuriai nuorodos būsenai priklauso garbanotųjų petnešų stilius. nuoroda atitinka įprastą nuorodą, aplankė nuorodą, kurioje jau lankėtės, ir užveskite žymeklį, kai žymeklis žymi virš jo. Spalvos, priskirtos spalvos parametrui garbanotųjų petnešų viduje, gali būti nurodytos pagal spalvos atspalvio pavadinimą arba pagal šešioliktainį kodą.
2 žingsnis
Jei jums reikia priskirti skirtingas spalvas skirtingoms puslapio nuorodų grupėms, paskirkite kiekvienai grupei savo pavadinimą („klasę“) ir atskirai aprašykite kiekvienos jų stilių. Pvz., Pavadinkite vieną grupę „LinksRed“, o kitą - „LinksGreen“. Tada stiliaus aprašymas atrodys taip: a. „LinkRed“: nuoroda {spalva: Raudona;}
a. „LinkRed“: aplankyta {spalva: geltona;}
a. LinksRed: užveskite pelės žymeklį (spalva: oranžinė;} a. „LinksGreen“: nuoroda {spalva: žalia;}
a. „LinksGreen“: aplankyta {spalva: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Ir kiekvienos grupės nuorodų žymose turite nurodyti, kuriai klasei jie priklauso. Pavyzdžiui: Raudona nuoroda
Žalia nuoroda
3 žingsnis
Šios instrukcijos parašytos CSS (kaskadinio stiliaus lentelės), todėl jas reikia įdėti į stiliaus žymą, atskiriančią jas nuo kitų puslapio šaltinio kodo instrukcijų, parašytų HTML („HyperText Markup Language“):
a. „LinkRed“: nuoroda {spalva: Raudona;}
a. LinksRed: aplankyta {spalva: Geltona;}
a. LinksRed: užveskite žymeklį {spalva: Oranžinė;} a. LinksGreen: nuoroda {spalva: Žalia;}
a. „LinksGreen“: aplankyta {spalva: DarkGreen;}
a. „LinksGreen“: užveskite {spalva: Kalkės;}
4 žingsnis
Paruoštą nuorodos stiliaus aprašymo bloką įdėkite į puslapio šaltinio kodo antraštės dalį - jį riboja žymos ir.
