1-Laboratoriya. Css qoʻllagan holda Veb-sahifa yaratish ishning maqsadi

---

1-Laboratoriya. 
CSS qoʻllagan holda Veb-sahifa yaratish 
 
ISHNING MAQSADI:
Talabalar CSS qoʻllagan holda Veb-sahifa yaratish bo‘yicha 
ko‘nikma va malaka hosil qilishini ta’minlash.
NAZARIY QISM:
CSS
– bu stillar bilan ishlay oladigan kaskadli stillar majmuasidir. Web sahifalarga har 
xil stillar berish uchun ishlatiladi. HTML hujjat ichida teglar bilan birga foydalaniladi. 
CSS
kodlarini kompilyastiya qilish uchun qandaydir kompillyatorlar, qandaydir dasturlar, va bu kod 
tushuna oladigan qandaydir redaktorlar kerak bo‘lmaydi. Bu kodlarni HTML singari web 
brauzerning o‘zi kompilyastiya qiladi va natijani chiqarib beradi. 
1) CSSdan foydalanish uchun yangi HTML hujjat ochiladi: 
2) Yaratilgan faylning  ya’ni bosh qismida 

---

5) Jadval xususiyatini o’zgartirish uchun style tegi orasiga yoziladi.Masalan: 
Eni-width:800px; 
Bo’yi-height:600px; 
Chegara chiziqlari border:1px solid red; 
Qatorni kiritish uchun td tegi uchun –border:2px dotted blue; 
6) Web sahifada bloklarni e’lon qilish uchun< div> juft tegidan foydalanib, tegiga 
quyidagilarni kiritamiz: 
 

 

 

 
© - 2020 

 

---

 
Style tegida bloklar xususiyatini kiritamiz: 
7) Bloklarga soya kiritish uchun box-shadow tegi qo’llaniladi 
Masalan:box-shadow:0px 0px 30px #e00; 
8) Salavha bandida kiritilgan bandimizni h3 tegida qo’llab unga alohida style qo’llamoqchi 
bo’lsak classlardan foydalanamiz: 

Sayt nomi

 va style bandiga quyidagi class 
nomini kiritamiz: 

---

.sar {text-align: center; line-height: 100px; color: white;} 
9-Rasm joylashtirish uchun img src parametridan foydalaniladi.styleni quyidagicha o’zgartirish 
mumkin 
img 
{width: 60%; 
border-radius: 300px; 
text-align: center; 
border-width:10px; 
border-style:groove ; 
border-color: #0ee; 
Topshiriqlar: 
1.
Eni-1024px, Bo’yi:768px, chegara chiziqlari:3px bo’lgan box yarating. 
2.
Eni-900px, Bo’yi:600px, chegara chiziqlari:2px, qatorni kiritish uchun chegara chiziqlari 
sariq rangli:3px bo’lgan box yarating. 
3.
Eni: 60%, aylana radiusi: 250px, matn o’ng tomondan yozoladigan, chegara chiziqlari 
qirmizi rangli, o’lchami:10px, bo’lgan box yarating. 
4.
Eni-1024px, Bo’yi:768px, chegara chiziqlari:3px bo’lgan box yarating. Box uchta 
ustundan tashkil topsin. 
5.
Eni-900px, Bo’yi:600px, chegara chiziqlari:2px, qatorni kiritish uchun chegara chiziqlari 
sariq rangli:3px. Box uchta ustundan tashkil topsin. 
6.
Eni: 60%, aylana radiusi: 250px, matn o’ng tomondan yozoladigan, chegara chiziqlari 
qirmizi rangli, o’lchami:10px, bo’lgan box yarating. Boxning 2-satri uchta ustundan 
tashkil topsin.