Sifa ya Sinema ya Kuacha (CSS) hutumika sana kubadilisha rangi ya viungo katika kurasa za wavuti. Suluhisho kidogo za utendaji wa shida hii ziko katika lugha ya HTML (Lugha ya Markup ya HyperText - "lugha ya alama ya maandishi").
Ni muhimu
Ujuzi wa kimsingi wa lugha za HTML na CSS
Maagizo
Hatua ya 1
Andaa kizuizi cha mitindo kwa viungo. Katika hali yake rahisi, inaweza kuonekana kama hii: a {color: Green} Hapa "a" inaitwa "selector", ambayo inaonyesha kwamba maelezo ya mtindo katika mabano yanapaswa kutumika kwa vitambulisho vyote vya hati kwenye hati. Kijani hufafanua rangi ya kiunga; hii ni ufafanuzi mbaya sana wa rangi na haitumiwi sana. Mara nyingi zaidi, "darasa la bandia" linaongezwa kwenye kiteua "a" - ni lebo ambayo hukuruhusu kutaja mtindo wa kiunga katika majimbo matatu tofauti.
Hatua ya 2
Tumia kiungo cha darasa la uwongo kuweka mtindo wa hali ya kawaida (isiyotumika) ya kiunga. Inaweza kuonekana kama hii, kwa mfano: a: kiungo {rangi: Kijani}
Hatua ya 3
Tumia hover ya darasa la uwongo kutaja jinsi kiunga kinapaswa kuonekana kwenye hover. Kwa mfano: hover {rangi: Chokaa}
Hatua ya 4
Tumia darasa la uwongo lililotembelewa kuelezea mtindo wa kiunga kilichotembelewa tayari. Kwa mfano: rangi ya: iliyotembelewa {DarkGreen}
Hatua ya 5
Unganisha majimbo yote matatu kuwa kizuizi cha maelezo ya mtindo mmoja. Muonekano wa nambari ya HTML iliyo na maelezo ya CSS ya mitindo inaweza, kwa mfano, kuangalia kama hii:
a: kiunga {rangi: Kijani}
a: alitembelea rangi ya {DarkGreen}
a: hover {rangi: Chokaa}
Hapa, kufungua na kufunga vitambulisho vya mtindo wa HTML huambia kivinjari ambapo maelezo ya mtindo huanza na kuishia, na kati yao ni maelezo ya tabia ya kiunga katika majimbo matatu.
Hatua ya 6
Sampuli iliyotumiwa hapo juu inaonyesha tu sifa za rangi, lakini sifa zingine zinaweza kujumuishwa katika maelezo. Kwa mfano, ikiwa muundo wa ukurasa unahitaji kwamba kiunga hakijawekewa mstari katika hali ya kawaida (isiyotumika), lakini ikisisitiziwa wakati mshale umeinuliwa juu, basi nambari inaweza kubadilishwa kama ifuatavyo:
kiungo: rangi: Kijani; mapambo ya maandishi: hakuna;}
a: alitembelea rangi ya {DarkGreen; mapambo ya maandishi: hakuna;}
a: hover {rangi: Chokaa; mapambo ya maandishi: pigia mstari;}
Hatua ya 7
Ikiwa unataka kubadilisha rangi ya viungo kadhaa tu kwenye ukurasa, na uacha zingine na mipangilio chaguomsingi, kisha ongeza sifa ya darasa kwenye lebo ya kila kiungo kinachobadilishwa. Kwa mfano, taja jina hili la newlinkLinks. Kisha lebo ya kiunga inaweza kuonekana kama hii: kiungo cha maandishi Jina la darasa lile lazima liongezwa kwenye maelezo ya mtindo
a.newLinks: link {rangi: Kijani; mapambo ya maandishi: hakuna;}
a.newLinks: alitembelea {color: DarkGreen; mapambo ya maandishi: hakuna;}
a.newLinks: hover {rangi: Chokaa; mapambo ya maandishi: pigia mstari;}
Hatua ya 8
Weka nambari ya maelezo ya mtindo iliyoandaliwa kutoka kwa mifano iliyoelezwa hapo juu kwenye kichwa cha ukurasa - kati ya vitambulisho na lebo. Ikiwa ni lazima, ongeza sifa ya darasa kwa vitambulisho vya kiungo na jina linalotumiwa katika maelezo ya mtindo. Kisha hifadhi ukurasa uliobadilishwa na utaratibu wa kubadilisha rangi ya viungo utakamilika.
