Va axborot texnologiyalari 10-sinf toshkent – 2021

55-dars. VEB-DIZAYN ASOSLARI. CSS
TAYANCH TUSHUNCHALAR
Veb-sahifa
– tarkibida matn, tasvir, 
video, havola kabi ma’lumotlarni 
saqlovchi Internetdagi sahifa yoki veb-
saytning bitta sahifasi.
CSS
(ing. 
Cascading Style Sheets
– 
kaskadli stillar jadvali) – veb-sahifa 
ko‘rinishini tasvirlash uchun stillar bilan 
ishlay oladigan rasmiy til.
Selektor
P
{
font-family: Arial; 
}
Deklaratsiya

---

195
kerakligi ko‘rsatiladi. 
CSS deklaratsiyalari figurali qavs ichida yoziladi. 
Deklaratsiyalarning har biri ikkita qism: 
xususiyat
va 
qiymat
dan iborat bo‘lib, ular ikki nuqta bilan ajratiladi. 
Bitta deklaratsiyada bir nechta xususiyatni belgilash 
mumkin, ularning har biri nuqtali vergul bilan ajratiladi.
Ushbu qoida hamma

,

,

elementlari Arial shriftida, ko‘k rangda ko‘rsatilishi 
kerakligini bildiradi. Xususiyatlar o‘zgartirilishi kerak bo‘lgan element atributni bildiradi 
(masalan, rangi, shrifti, boyi, eni va hoshiyasi). Qiymatlar tanlangan xususiyatlar uchun 
foydalanmoqchi bo‘lgan sozlamalarni belgilaydi.
CSS NI HTML-HUJJAT ICHIGA JOYLASHTIRISH.
Eksternal usulda joylashtirish
Veb-sahifada ishlatiladigan CSS kodlari orqali hosil qilinadigan stillarning hammasi bitta 
faylga yoziladi va serverda saqlanadi. So‘ngra sahifadan serverda saqlab qoyilgan faylga 
murojaat qilib, kerakli stil olinadi. Bu usul katta hajmdagi veb-sahifalarni yaratishda samarali 
hisoblanadi. Ushbu usulda hujjatning barcha sahifalarida bitta stil jadvalidan foydalaniladi. 
Bunda har bir sahifada bir xil kodni takrorlash shart emas. Sayt stilini o‘zgartirish uchun faqat 
bitta CSS faylni tahrirlash yetarli, shunda barcha sahifalar yangi stilga o‘tadi. Faylga murojaat 
 tegi ichida amalga oshiriladi.
elementi brauzerga HTML-hujjat sahifasi stilini o‘zgartirish uchun foydalaniladigan 
CSS-faylga murojaatni amalga oshiradi. Bu ochiq teg ichida boshqa atributlarni jamlaydi. 
U3 ta atributdan foydalanadi:
1) href atributi CSS fayli manzilini belgilaydi (ushbu fayl, odatda, “css” yoki “styles” deb 
nomlangan papkada saqlanadi);
2) type atributi hujjat turini belgilaydi. Qiymati text/CSS;
3) rel atributi HTML-sahifa va bog‘langan fayl o‘rtasidagi munosabatni belgilaydi.
HTML-sahifada bir nechta CSS stil jadvallari ishlatilishi mumkin. 
h1, h2, h3