Ja vietnes apmeklētāja pārlūkprogramma lapas kodā neatrod nekādas norādes par hipersaites krāsu dizainu, tad tā izmanto noklusējuma vērtības. Šīs vērtības ir zilas pasīvajām saitēm, sarkanās - aktīvajām (uz kursora) saitēm un fuksīna krāsas nokrāsa jau apmeklētajām saitēm. Šī krāsu shēma ne vienmēr tiek apvienota ar lapas noformējuma krāsu shēmu, tāpēc kodā parasti tiek ievietots saišu stilu aprakstu bloks.
Instrukcijas
1. solis
Pārlūkprogrammai izveidojiet instrukciju kopu, kurā saites krāsas tiks aprakstītas trīs stāvokļos. Piemēram, tas var izskatīties šādi: a: link {color: Red;}
a: apmeklēts {color: Yellow;}
a: hover {color: Orange;} Šeit katras rindas sākumā esošo "a" sauc par "selector" un norāda tagu, kuram pārlūkprogrammai jāpielieto stila apraksts, kas pievienots cirtainās iekavās. "A" ir hipersaites tags. Vārdu, kas pievienots selektoram, atdalot ar kolu, sauc par "pseidoklasi" - ko pārlūks izmanto, lai noteiktu, kuram saites stāvoklim pieder stils cirtainajās iekavās. saite atbilst parastai saitei, apmeklēja saiti, kas jau ir apmeklēta, un virziet kursoru uz saites, kad kursors virzās virs tās. Krāsas, kas piešķirtas krāsu parametram cirtaino lencīšu iekšpusē, var norādīt vai nu ar krāsu toņa nosaukumu, vai ar tā heksadecimālo kodu.
2. solis
Ja jums ir jāpiešķir dažādas krāsas dažādām saišu grupām lapā, tad piešķiriet katrai grupai savu apzīmējumu ("klase") un katram no tiem izveidojiet atsevišķu stilu aprakstu. Piemēram, nosauciet vienu grupu LinksRed un otru LinksGreen. Tad stila apraksts izskatīsies šādi: a. LinksRed: link {color: Red;}
a. LinkRed: apmeklēts {color: Yellow;}
a. LinksRed: virziet kursoru {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: apmeklēts {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Un katras grupas saišu tagos jānorāda, kurai klasei viņi pieder. Piemēram: Sarkanā saite
Zaļa saite
3. solis
Šīs instrukcijas ir rakstītas CSS (Cascading Style Sheets), tāpēc tās jāievieto stila tagā, kas tos atdala no citiem lapas avota koda norādījumiem, kas rakstīti HTML (HyperText Markup Language):
a. LinkRed: saite {color: Red;}
a. LinkRed: apmeklēts {color: Yellow;}
a. LinksRed: virziet kursoru {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: apmeklēts {color: DarkGreen;}
a. LinksGreen: virziet {color: Lime;}
4. solis
Sagatavoto saites stila apraksta bloku ievietojiet lapas avota koda galvenes daļā - to norobežo tagi un.
