Mavzu: css rang berish usullari, chegara, orqa fon, shrift, margin va padding xususiyatlari. Box model tushunchasi. Box model qoidalari

O‘ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA KOMMUNIKATSIYALARINI
RIVOJLANTIRISH VAZIRLIGI
MUHAMMAD AL-XORAZMIY NOMIDAGI
TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI

5-Mustaqil ish


Bajardi: Fayzullayev A

Toshkent - 2023
Mavzu: CSS rang berish usullari, chegara, orqa fon, shrift, margin va padding xususiyatlari. Box model tushunchasi. Box model qoidalari.
Reja:

1. 
   CSS rang berish usullari, chegara, orqa fon, shrift, margin va padding xususiyatlari.
   
2. 
   Box model tushunchasi
   

3.Box model qoidalari

CSS da men biladigan 3 xil rang berish turi mavjud bo’lib birinchisi bu: color: ‘rangning ingliz tilidagi nomi’; sturucturasi orqali. Ikkinchisi esa

color: rgb(a, b, c); bo’lib a, b, c lar bu 0 dan 255 gacha bo’lgan butun sonlar bo’lishi mumkin. Biz bu uslublar orqali rang palitralarini yaratamiz. Bu yerda a=qizil, b=yashil, c=ko’k ranglari hisoblanadi. Uchinchisi bu #(16 lik sanoq sistemasidagi 3 ta son qo’shib yoziladi)

Endi biz bu rang berish usullaridan foydalanib o’zimizga kerakli joyda rang berishimiz

mumkin. Masalan matn ranglari (color), orqa fon ranglari(background-color), tugma yoki box yaratilganda unung chegarasi rangi(border), tugma rangi va hakazo.
Box model tushunchasi
Ko'rsatilishi mumkin bo'lgan har bir element bir yoki bir nechta to'rtburchaklar qutilardan iborat. Odatda CSS qutisi modeli ushbu to'rtburchaklar qutilar veb-sahifada qanday joylashtirilganligini tavsiflaydi. Ushbu qutilar turli xil xususiyatlarga ega va bir-birlari bilan har xil yo'llar bilan o'zaro aloqada bo'lishlari mumkin, ammo har bir qutida tarkibiy maydon va ixtiyoriy atrofdagi to'ldirish, chegara mavjud.
Quyidagi diagramma to'ldirish, chegara CSS xususiyatlari veb-sahifada element qancha joy egallashini aniqlaydi.