Kaskadinių stiliaus lapų (CSS) atributas dažniausiai naudojamas hipersaitų spalvai tinklalapiuose pakeisti. Mažiau funkcionalūs šios problemos sprendimai yra HTML kalba („HyperText Markup Language“- „hiperteksto žymėjimo kalba“).
Tai būtina
Pagrindinės HTML ir CSS kalbų žinios
Nurodymai
1 žingsnis
Paruoškite hipersaitų stiliaus bloką. Paprasčiausiu pavidalu jis gali atrodyti taip: {color: Green} Čia "a" vadinamas "selector", kuris rodo, kad skliausteliuose esantis stiliaus aprašymas turėtų būti taikomas visoms dokumento nuorodų žymoms. Žalia spalva apibrėžia nuorodos spalvą; tai labai neapibrėžta spalvos apibrėžtis ir naudojama retai. Daug dažniau prie „a“selektoriaus pridedama „pseudo klasė“- tai etiketė, leidžianti nurodyti nuorodos stilių trimis skirtingomis būsenomis.
2 žingsnis
Norėdami sukurti įprastą (neaktyvią) nuorodos būseną, naudokite nuorodos pseudoklasę. Tai gali atrodyti taip, pavyzdžiui: a: link {color: Green}
3 žingsnis
Naudokite pseudo klasės pelės žymeklį, kad nurodytumėte, kaip nuoroda turėtų būti rodoma ant žymeklio. Pvz.: a: užveskite pelę {spalva: Kalkė}
4 žingsnis
Naudokite aplankytą pseudoklasę, kad apibūdintumėte jau aplankytos nuorodos stilių. Pavyzdžiui: a: aplankyta {spalva: DarkGreen}
5 žingsnis
Sujunkite visas tris būsenas į vieną stiliaus aprašymo bloką. HTML kodo, kuriame yra CSS stilių aprašymai, išvaizda gali, pavyzdžiui, atrodyti taip:
a: nuoroda {spalva: žalia}
a: aplankyta {color: DarkGreen}
a: užveskite pelę {color: Lime}
Čia atidaromos ir uždaromos HTML stiliaus žymos nurodo naršyklei, kur prasideda ir baigiasi stiliaus aprašymai, o tarp jų - trijų būsenų nuorodų elgesio aprašymas.
6 žingsnis
Aukščiau naudojamas pavyzdys rodo tik spalvų charakteristikas, tačiau į aprašą galima įtraukti kitus atributus. Pvz., Jei puslapio dizainas reikalauja, kad nuoroda nebūtų pabraukta įprastoje (neaktyvioje) būsenoje, bet pabraukta, kai užvedate žymeklį, kodą galima modifikuoti taip:
a: nuoroda {spalva: žalia; teksto dekoravimas: nėra;}
a: aplankyta {spalva: DarkGreen; teksto dekoravimas: nėra;}
a: užveskite {spalva: Kalkės; teksto dekoravimas: pabraukti;}
7 žingsnis
Jei norite pakeisti tik kai kurių puslapio nuorodų spalvą, o likusioms dalims palikti numatytuosius nustatymus, pridėkite klasės atributą prie kiekvienos keičiamos nuorodos žymos. Pvz., Pavadinkite šią hipersaitų klasę „newLinks“. Tada nuorodos žyma gali atrodyti taip: teksto nuoroda Tas pats klasės pavadinimas turi būti pridėtas prie stiliaus aprašymo:
a.newLinks: nuoroda {spalva: Žalia; teksto dekoravimas: nėra;}
a.newLinks: aplankyta {spalva: DarkGreen; teksto dekoravimas: nėra;}
a.newLinks: hover {spalva: Kalkės; teksto dekoravimas: pabraukti;}
8 žingsnis
Įdėkite stiliaus aprašymo kodą, paruoštą iš aukščiau aprašytų pavyzdžių, puslapio antraštėje - tarp žymių ir. Jei reikia, prie nuorodų žymų pridėkite klasės atributą su pavadinimu, naudojamu stiliaus aprašymuose. Tada išsaugokite pakeistą puslapį ir bus atlikta hipersaitų spalvos keitimo procedūra.
