Cascading Style Sheets (CSS) atributu ən çox veb səhifələrdəki hiperlinklərin rəngini dəyişdirmək üçün istifadə olunur. Bu problemin daha az funksional həlləri HTML dilindədir (HyperText Markup Language - "hipertext markup language").
Vacibdir
HTML və CSS dilləri haqqında əsas biliklər
Təlimat
Addım 1
Köprülər üçün bir stil bloku hazırlayın. Ən sadə şəkildə belə görünə bilər: a {rəng: Yaşıl} Burada "a" "seçici" adlanır ki, bu da mötərizədəki üslub təsvirinin sənəddəki bütün keçid etiketlərinə tətbiq edilməli olduğunu göstərir. Yaşıl rəng rəngin rəngini təyin edir; bu, rəngin çox kobud bir tərifidir və nadir hallarda istifadə olunur. Daha tez-tez "a" seçicisinə "yalançı sinif" əlavə olunur - bu, üç müxtəlif vəziyyətdə əlaqənin tərzini təyin etməyə imkan verən bir etiketdir.
Addım 2
Bağlantının normal (hərəkətsiz) vəziyyətini tərtib etmək üçün əlaqəli yalançı sinifdən istifadə edin. Belə görünə bilər, məsələn: a: link {color: Green}
Addım 3
Bağlanmanın hoverdə necə görünəcəyini göstərmək üçün yalançı sinif hoverindən istifadə edin. Məsələn: a: hover {color: Lime}
Addım 4
Artıq ziyarət edilmiş bir keçidin tərzini təsvir etmək üçün ziyarət edilən yalançı sinifdən istifadə edin. Məsələn: a: ziyarət edildi {color: DarkGreen}
Addım 5
Hər üç vəziyyəti bir stil təsviri blokunda birləşdirin. CSS üslublarının təsvirlərini ehtiva edən HTML kodunun görünüşü, məsələn, belə görünə bilər:
a: link {color: Green}
a: ziyarət edildi {color: DarkGreen}
a: hover {color: Lime}
Burada HTML üslubunun açılması və bağlanması etiketlərin brauzerdə üslub təsvirlərinin harada başlayıb bitdiyini və aralarında üç vəziyyətdə əlaqələrin təsvirinin verildiyini izah edir.
Addım 6
Yuxarıda istifadə olunan nümunə yalnız rəng xüsusiyyətlərini göstərir, lakin digər xüsusiyyətlər təsvirə daxil edilə bilər. Məsələn, səhifə dizaynı bağlantının normal (hərəkətsiz) vəziyyətdə altından xətt çəkilməməsini, amma kursorun üstünə çəkildiyi zaman altının altından xətt çəkilməsini tələb edirsə, kod aşağıdakı kimi dəyişdirilə bilər:
a: link {color: Green; mətn dekorasiyası: yoxdur;}
a: ziyarət edildi {color: DarkGreen; mətn dekorasiyası: yoxdur;}
a: hover {color: Lime; mətn dekorasiyası: altını çizin;}
Addım 7
Səhifədəki bəzi keçidlərin rəngini dəyişdirmək və qalanlarını standart parametrlərlə tərk etmək istəyirsinizsə, dəyişdirilən hər bir keçidin etiketinə sinif atributunu əlavə edin. Məsələn, bu köprü sinfinə newLinks adını verin. Sonra keçid etiketi belə görünə bilər: mətn bağlantısı Stilin təsvirinə eyni sinif adı əlavə edilməlidir:
a.newLinks: link {rəng: Yaşıl; mətn dekorasiyası: yoxdur;}
a.newLinks: ziyarət edildi {color: DarkGreen; mətn dekorasiyası: yoxdur;}
a.newLinks: hover {color: Lime; mətn dekorasiyası: altını çizin;}
Addım 8
Yuxarıda təsvir olunan nümunələrdən hazırlanmış üslub təsvir kodunu səhifənin başlığında - və etiketlər arasında yerləşdirin. Lazım gələrsə, bağlantı təsvirlərinə stil təsvirlərində istifadə olunan ad ilə bir sinif atributu əlavə edin. Sonra dəyişdirilmiş səhifəni qeyd edin və hiperlinklərin rəngini dəyişdirmə proseduru tamamlanacaq.
