Agar veb-saytga tashrif buyuruvchi brauzer sahifa kodida ko'priklarning rang dizayni bo'yicha biron bir belgini topmasa, u standart qiymatlardan foydalanadi. Ushbu qiymatlar passiv havolalar uchun ko'k, faol (ko'tarilgan) havolalar uchun qizil va allaqachon tashrif buyurgan havolalar uchun qizil rang rangidir. Ushbu rang sxemasi har doim ham sahifa dizaynidagi ranglar sxemasi bilan birlashtirilmaydi, shuning uchun odatda bog'lanish uslubi tavsiflari bloki kiritiladi.
Ko'rsatmalar
1-qadam
Uch holatdagi bog'lanish ranglarini tavsiflovchi brauzer uchun ko'rsatmalar to'plamini yarating. Masalan, u quyidagicha ko'rinishi mumkin: a: link {color: Red;}
a: tashrif buyurilgan {rang: sariq;}
a: hover {color: Orange;} Bu erda har bir satr boshidagi "a" "selektor" deb nomlanadi va brauzer jingalak qavslar ichiga kiritilgan uslub tavsifini qo'llashi kerak bo'lgan tegni belgilaydi. "A" - bu ko'prik yorlig'i. Ikki nuqta bilan ajratilgan selektorga qo'shilgan so'z "psevdo-class" deb nomlanadi - bu brauzer yordamida jingalak qavsdagi uslub qaysi bog'lanish holatiga tegishli ekanligini aniqlaydi. havola odatdagi havola bilan mos keladi, allaqachon tashrif buyurgan havolaga tashrif buyurgan va kursor ustiga siljiganida havolani olib borgan. Jingalak qavs ichidagi rang parametriga berilgan ranglar rang soyasi nomi bilan yoki uning o'n oltinchi kodi bilan belgilanishi mumkin.
2-qadam
Agar siz sahifadagi turli xil havolalar guruhlariga turli xil ranglarni belgilashingiz kerak bo'lsa, unda har bir guruhga o'z belgisini ("sinf") belgilang va ularning har biri uchun uslublarning alohida tavsifini bering. Masalan, bir guruhni LinksRed, boshqasini esa LinksGreen deb nomlang. Keyin uslub tavsifi quyidagicha ko'rinadi: a. LinksRed: link {color: Red;}
a. LinksRed: tashrif buyurilgan {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: tashrif buyurilgan {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Va har bir guruh havolalari teglarida ularning qaysi sinfga mansubligini ko'rsatishingiz kerak. Masalan: Qizil havola
Yashil havola
3-qadam
Ushbu ko'rsatmalar CSS (Cascading Style Sheets) da yozilgan, shuning uchun ularni HTML (HyperText Markup Language) da yozilgan sahifaning manba kodidagi boshqa ko'rsatmalardan ajratib turadigan uslub yorlig'i ichiga joylashtirish kerak:
a. LinksRed: havola {color: Red;}
a. LinksRed: tashrif buyurilgan {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: tashrif buyurilgan {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
4-qadam
Tayyorlangan havola uslubini tavsiflash blokini sahifaning manba kodining sarlavha qismiga qo'ying - va va teglar bilan chegaralangan.
