Atribūts Kaskādes stila lapas (CSS) tiek izmantots, lai mainītu hipersaites krāsu tīmekļa lapās. Mazāk funkcionāli šīs problēmas risinājumi ir HTML valodā (HyperText Markup Language - "hiperteksta iezīmēšanas valoda").
Tas ir nepieciešams
HTML un CSS valodu pamatzināšanas
Instrukcijas
1. solis
Sagatavojiet hipersaišu veidošanas bloku. Vienkāršākajā formā tas varētu izskatīties šādi: {color: Green} Šeit "a" tiek saukts par "selector", kas norāda, ka iekavās esošais stila apraksts jāpielieto visiem dokumenta saišu tagiem. Zaļā krāsa nosaka saites krāsu; tā ir ļoti aptuvena krāsas definīcija un tiek reti izmantota. Daudz biežāk selektoram "a" tiek pievienota "pseidoklase" - tā ir etiķete, kas ļauj norādīt saites stilu trīs dažādos stāvokļos.
2. solis
Izmantojiet saites pseidoklasi, lai veidotu saites parasto (neaktīvo) stāvokli. Tas var izskatīties šādi, piemēram: a: link {color: Green}
3. solis
Izmantojiet pseidoklases kursoru, lai norādītu, kā saitei vajadzētu parādīties kursorā. Piemēram: a: hover {color: Lime}
4. solis
Izmantojiet apmeklēto pseidoklasi, lai aprakstītu jau apmeklētās saites stilu. Piemēram: a: apmeklēta {color: DarkGreen}
5. solis
Apvienojiet visus trīs stāvokļus vienā stila apraksta blokā. HTML koda, kas satur CSS stilu aprakstus, izskats var, piemēram, izskatīties šādi:
a: saite {color: Green}
a: apmeklēts {color: DarkGreen}
a: virziet kursoru {color: Lime}
Šeit sākuma un aizvēršanas HTML stila tagi pārlūkam norāda, kur sākas un beidzas stilu apraksti, un starp tiem ir saites uzvedības apraksts trīs stāvokļos.
6. solis
Iepriekš izmantotajā paraugā ir redzamas tikai krāsu īpašības, taču aprakstā var iekļaut citus atribūtus. Piemēram, ja lapas noformējums prasa, lai saite netiktu pasvītrota parastajā (neaktīvajā) stāvoklī, bet pasvītrota, kad kursors ir novietots virs kursora, kodu var mainīt šādi:
a: saite {krāsa: zaļa; teksta noformēšana: nav;}
a: apmeklēts {color: DarkGreen; teksta noformēšana: nav;}
a: lidināties {krāsa: Kaļķis; teksta apdare: pasvītrot;}
7. solis
Ja vēlaties mainīt tikai dažu lapas saišu krāsu un atstāt pārējos ar noklusējuma iestatījumiem, pēc tam katras maināmās saites tagam pievienojiet klases atribūtu. Piemēram, nosauciet šo hipersaites klasi newLinks. Tad saites tags var izskatīties šādi: teksta saite Stila aprakstam jāpievieno tas pats klases nosaukums:
a.newLinks: saite {krāsa: Zaļa; teksta noformēšana: nav;}
a.newLinks: apmeklēts {color: DarkGreen; teksta noformēšana: nav;}
a.newLinks: lidināties {krāsa: Kaļķis; teksta apdare: pasvītrot;}
8. solis
Ievietojiet stila apraksta kodu, kas sagatavots no iepriekš aprakstītajiem piemēriem, lapas galvenē - starp tagiem un. Ja nepieciešams, saišu tagiem pievienojiet klases atribūtu ar nosaukumu, kas izmantots stilu aprakstos. Pēc tam saglabājiet modificēto lapu, un tiks pabeigta hipersaišu krāsas maiņas procedūra.