Կասկադ ոճի թերթերը (CSS) հատկանիշն առավել հաճախ օգտագործվում է ինտերնետային էջերում հիպերհղումների գույնը փոխելու համար: Այս խնդրի ավելի քիչ ֆունկցիոնալ լուծումներ կան HTML լեզվով (HyperText Markup Language - «հիպերտեքստի նշման լեզու»):
Դա անհրաժեշտ է
HTML և CSS լեզուների հիմնական գիտելիքներ
Հրահանգներ
Քայլ 1
Պատրաստեք հիպերհղումների ոճավորող բլոկ: Իր ամենապարզ տեսքով դա կարող է նման լինել. A {color: Green} Այստեղ «ա» -ն կոչվում է «ընտրիչ», ինչը ցույց է տալիս, որ փակագծերում ոճի նկարագրությունը պետք է կիրառվի փաստաթղթի բոլոր հղումների պիտակների վրա: Կանաչը սահմանում է հղման գույնը. Սա գույնի շատ կոպիտ սահմանում է և հազվադեպ է օգտագործվում: Շատ ավելի հաճախ «կեղծ դաս» -ը ավելացվում է «ա» ընտրողին. Դա պիտակ է, որը թույլ է տալիս նշել հղման ոճը երեք տարբեր նահանգներում:
Քայլ 2
Օգտագործեք հղման կեղծ դասը ՝ հղման նորմալ (ոչ ակտիվ) վիճակը ոճավորելու համար: Կարող է նման լինել, օրինակ ՝ a: link {color: Green}
Քայլ 3
Օգտագործեք կեղծ դասի սավառնել ՝ նշելու համար, թե ինչպես պետք է հղումը հայտնվի սավառնում: Օրինակ ՝ a: hover {color: Lime}
Քայլ 4
Օգտագործեք այցելած կեղծ դասը `արդեն այցելված հղման ոճը նկարագրելու համար: Օրինակ ՝ ա: այցելած {գույնը: DarkGreen}
Քայլ 5
Միավորել բոլոր երեք վիճակները մեկ ոճի նկարագրության բլոկի մեջ: Ոճերի նկարագրությունները պարունակող HTML կոդի տեսքը, օրինակ, կարող է ունենալ այսպիսի տեսք.
a: link {color: Green}
ա: այցելած {գույնը: DarkGreen}
a: hover {color: Lime}
Այստեղ HTML ոճի բացման և փակման պիտակները զննարկիչին ասում են, թե որտեղ են սկսվում և ավարտվում ոճի նկարագրությունները, և նրանց միջև կա երեք նահանգների հղումների վարքի նկարագրություն:
Քայլ 6
Վերևում օգտագործված նմուշը ցույց է տալիս միայն գունային բնութագրերը, բայց նկարագրության մեջ կարող են ներառվել նաև այլ հատկանիշներ: Օրինակ, եթե էջի ձևավորումը պահանջում է, որ հղումը ոչ թե ընդգծված է նորմալ (պասիվ) վիճակում, այլ ընդգծված է, երբ կուրսորը սավառնում է, ապա կոդը կարող է փոփոխվել հետևյալ կերպ.
a: link {գույնը `կանաչ; տեքստային զարդարանք. ոչ մեկը;}
ա: այցելած {գույնը: DarkGreen; տեքստային զարդարանք. ոչ մեկը;}
a: hover {գույնը ՝ կրաքարի; տեքստի զարդարում. ընդգծել;}
Քայլ 7
Եթե ցանկանում եք էջում փոխել միայն որոշ հղումների գույնը, իսկ մնացածը թողնել լռելյայն պարամետրերով, ապա դասի հատկանիշը ավելացրեք յուրաքանչյուր փոխվող հղման պիտակի վրա: Օրինակ, անվանեք այս hyperlink դասը newLinks: Այնուհետև հղման պիտակը կարող է նմանվել հետևյալին.
a.newLinks: հղում {գույն: Կանաչ; տեքստային զարդարանք. ոչ մեկը;}
a.newLinks ՝ այցելած {գույնը: DarkGreen; տեքստային զարդարանք. ոչ մեկը;}
a.newLinks: սավառնել {գույնը: Լայմ; տեքստի զարդարում. ընդգծել;}
Քայլ 8
Վերևում նկարագրված օրինակներից պատրաստված ոճի նկարագրության կոդը տեղադրեք էջի վերնագրի մեջ `նշանների և նշանների միջև: Անհրաժեշտության դեպքում ոճի նկարագրություններում օգտագործվող անունով հղման պիտակներին ավելացրեք դասի հատկանիշ: Դրանից հետո պահեք փոփոխված էջը, և հիպերհղումների գույնը փոխելու կարգը կավարտվի:
