Fan: web dasturlashga kirish Bajardi: Bakiev Xursandbek Mamatsaloevich Tekshirdi

O’zbekiston Respublikasi Toshkent Axborot Texnalogiyalari
Universiteti Urganch filiali


MUSTAQIL ISH

Fakultet: 961-20 GURUHI (KI O’ZB SIRTQI)
Fan: web dasturlashga kirish
Bajardi: Bakiev Xursandbek Mamatsaloevich
Tekshirdi:Xo’jamuradov B

Urganch 2021 yil

Ranglar veb-sahifalar ko'rinishini shakllantirishda muhim rol o'ynaydi. CSS bilan biz elementlarning asosiy rangini va ularning fon rangini nazorat qila olamiz. Buning uchun, o'z navbatida, xususiyatlari ishlatiladi colorva background. Biz qanday vaziyatlarda ranglar bilan ishlashning muayyan usullari haqida gapiramiz va misollarni ko'rib chiqamiz. 

Rangi xususiyati

MDN-da, CSS-ning xususiyati colorelementning asosiy rangini (foreground color, shuningdek, "oldingi rang" deb ataladi) belgilash imkonini beradi, bu elementning matnining rangini va matn dizayn elementlarining rangini tasvirlaydi. Ushbu xususiyatning qiymati asosida qiymat belgilanadi currentColor.
Shunday qilib, xususiyati colorbizga elementning asosiy rangini belgilash imkonini beradi. Ushbu xususiyatni o'rnatishda turli qiymatlardan foydalanishimiz mumkin:

• 
  Nomlangan ranglarning nomlari.
  
• 
  O'n oltinchi rang kodlari.
  
• 
  Ranglar xususiyatlari va tomonidan belgilangan rgb()hsl().
  
• 
  Global qiymatlar inherit, initial, unset.
  
• 
  Kalit so'z currentColor.
  

Nomlangan ranglar

CSS biz foydalanishimiz mumkin bo'lgan standart rang nomlarini qo'llab-quvvatlaydi, faqat colorkerakli rang nomini xususiyati qiymati sifatida belgilaydi. 
.heading {
color: brown;
color: green;
color: black;
}

Bu erda ba'zi rang nomlari barcha brauzerlarda qo'llab-quvvatlanmaganligini aytish kerak.

Umuman olganda, nomlangan ranglarning qanday ko'rinishini eslab qolish oson emas. Misol uchun, ba'zida veb-ishlab chiquvchilarni xususiyatining qiymati sifatida colorranglar nomlarini ishlatishini ko'ramiz whiteblack. Bu, albatta, qabul qilinishi mumkin emas. Lekin, umuman olganda, ko’pchilik nomlangan ranglardan foydalanishni tavsiya etmaydi. Mana, bunday ranglardan foydalanadigan yagona holat:

*, *:before, *:after {

outline: solid 1px red;
}

Bu erda qizil rangdan foydalanilgan (red) sahifaning barcha elementlarini tezda ko'rsatish uchun