HTML gipermatnlarni belgilash tili ixtiro qilinganidan beri veb-hujjatlarning joylashuvi va joylashuvi tushunchalari tubdan o'zgardi. CSS va CSS2 kaskadli uslublar jadvallari standartlari uchun mashhur brauzerlarning deyarli to'liq qo'llab-quvvatlanishi bilan hujjatning vizual taqdimotining deyarli har qanday tomoniga ta'sir o'tkazish mumkin bo'ldi. Masalan, siz havolaning fonini rangli qilib, biron bir rasm bilan to'ldirishingiz va shuningdek, foydalanuvchining harakatlariga qarab o'zgartirishingiz mumkin.
Kerakli
- - hujjat matnini yoki hujjat uslublar jadvallari matnini tahrirlash qobiliyati;
- - hujjatni asl kodlashda saqlashga imkon beruvchi matn muharriri.
Ko'rsatmalar
1-qadam
A elementiga ichki chiziq ma'lumotlarini qo'shish orqali havolaning fonini tasodifiy rang bilan bir tekis to'ldiring. A fon elementini o'zgartirmoqchi bo'lgan A elementining atributlariga uslub qo'shing. Style atributining tarkibida fon rangining to'g'ri identifikatori bo'lgan berilgan rang bilan CSS xususiyatini berilgan qiymat bilan joylashtiring. Masalan, shunday bo'lishi mumkin:
havola matni
2-qadam
Hujjatingizdagi tashqi yoki o'rnatilgan uslublar varag'idagi havolaning fonini aniqlang. Tegishli uslublar varag'iga, qabul qilinadigan o'ziga xos darajadagi selektor tomonidan ko'rib chiqilgan qoidalar to'plamini qo'shing. Qoidalar to'plamida oldingi bosqichda bo'lgani kabi fon rang xususiyatini kiriting. CSS2 kaskadli qoidalari va kerakli ko'lamga asoslanib selektorning o'ziga xosligini tanlang. Shunday qilib, agar siz faqat bitta havolaning rangini belgilashingiz kerak bo'lsa, ID selektoridan foydalanish mantiqan to'g'ri keladi, agar bir nechta bunday havolalar mavjud bo'lsa, sinf qiymatiga qarab atribut selektoridan foydalanish yaxshiroqdir.
Masalan, hujjatning ma'lum bir havolasi uchun yashil fonni o'rnatish uchun siz uslublar jadvaliga bir qator qoidalarni qo'shishingiz mumkin:
# ID_GREEN
{
orqa rang: # 00FF00;
}
ID_GREEN-ga kerakli havolaga mos keladigan A elementining ID atributini o'rnatishingiz kerak:
havola matni
3-qadam
Havola fonini rasm bilan to'ldiring. Bir va ikkinchi bosqichlarda tasvirlangan usullarga amal qiling, ammo CSS-ning orqa fon xususiyati o'rniga fon-rasmdan foydalaning. Misol uchun:
havola matni
Agar kerak bo'lsa, fon rasmini gorizontal va vertikal ravishda ko'paytirish variantlarini aniqlash uchun belgilangan CSS qoidalariga fonni takrorlash xususiyatini qo'shing.
4-qadam
Havola ustiga siljiganingizda yoki fokus harakatga kelganda, uning fonini o'zgartiring. Hujjatlarning tashqi yoki ko'milgan uslublar varag'iga qoida to'plamlarini qo'shib qo'ying, ular turli shtatlardagi havola yoki bog'lanish guruhining fonini belgilaydi. ID va atribut selektorlaridan dinamik psevdo-sinflar bilan birgalikda foydalaning: hover,: active va: focus. Masalan, ID_DYNAMIC_BACKGROUND identifikator xususiyati qiymatiga ega bo'lgan havolaning fonida faol bo'lmagan holatida qizil va sichqoncha kursori ostida bo'lgan holatda yashil rangga ega bo'lishi uchun uslublar jadvaliga quyidagi qoidalar qo'shilishi kerak:
# ID_DYNAMIC_BACKGROUND
{
orqa rang: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: hover
{
orqa rang: # 00FF00;
}
Tasvirni dinamik ravishda o'zgarib turadigan fon yaratish uchun ham xuddi shunday qilishingiz mumkin.
