Fan: web dasturlashga kirish Bajardi: Bakiev Xursandbek Mamatsaloevich Tekshirdi

CSS


a { color: hsl(210, 13.3%, 73.3%); }
Kalit rangli so'zlar va X11
Yangi boshlanuvchilar uchun CSS belgilar, ayniqsa, bu hexadecimal qiymatlar va rang hisob-kitoblarida (foiz stavkalari, rang doirasi darajalari va RGB spektri bilan yorug'lik qiymatlaridan foydalanish) kuchli bo'lmasa, ba'zi bir chalkashliklarni keltirib chiqarishi mumkin.
Hech qanday muammosiz, bu holda kalit so'zlar deb ataladigan keng qamrovli muqobillar mavjud.
Boshqa usullardan farqli o'laroq, qo'llab-quvvatlanadigan qiymatlar soni cheklangan, ammo ular qanday qilishni bilishadi.
Kalit so'zlardan foydalanish CSS-da rangni tasvirlashning eng oson usullaridan biridir. Oddiy foydalanuvchi uchun begona bo'lgan murakkab belgilar o'rniga, ma'lum nomlar bilan ranglarni tasvirlaydigan asosiy qiymatlar to'plamidan foydalanish tavsiya etiladi.
Ranglar nomlari 16 qiymatlari bilan cheklangan, ammo keyinroq bilib olganimizdek, ular kengaytirilgan palitrada kengaytirilishi mumkin. Quyida oddiy misol keltirilgan:
CSS


a { color: green; }
Kalit so'zlar orqali rangni belgilash ancha vaqtdan beri mavjud edi, ammo yuqorida ko'rsatilgan cheklov (jami 16 qiymat), brauzer ishlab chiqaruvchilari (va endi CSS3 SVG spetsifikatsiyasidagi qiymatlarni qabul qilgan spetsifikatsiya) X11 kengaytirilgan rang palitrasi yordamida ranglar oralig'ini kengaytirdi, bu esa ranglarning nomlarini 100ga kengaytiradi.

Kalit so'zlar bilan ranglarni tasvirlashimiz mumkin (agar ular brauzerlar tomonidan qo'llab-quvvatlansa).
X11 ning yagona potentsial muammosi har doim ham amalga oshirilmagan brauzerlarni qo'llab-quvvatlash emas (masalan: ba'zan ranglar to'qnashuvini kuzatish mumkin).
Transparency (Transparency) va opacity (Opacity)
Shu nuqtaga qadar biz asosan rang qiymatlarini ko'rib chiqdik, shuning uchun mavzu siz xohlagan rang brauzerining oddiy vazifasi bilan tugab qolishi mumkin, deb o'ylashingiz mumkin, ammo bu shunday emas. CSS3 ning kelishi bilan ranglarni boshqarishning yana bir darajasi paydo bo'ldi, bu bizga ob'ektlarga shaffof va shaffof ta'sir o'tkazish imkoniyatini berdi.

Shaffoflik va shaffoflikning ta'siri veb-saytingizni bezatib, uni engillashtirishi mumkin.
Ushbu muammoni hal qilish uchun rang belgilari kabi ko'plab usullar mavjud. Quyida biz eng keng tarqalgan narsalarni ko'rib chiqamiz.