2-Topshiriq. Mavzu: Ichki va tashqi stillar bilan ishlash. Css yordamida qatlamlar yaratish. Ishdan maqsad

 

---

Stil jadvallari sintaksisi 
Sintaksisni quyidagi misol: N1 {color:red; } da ko‘ramiz. 
Stillarni barcha e’lon(qilish)lari qoidalar (rules) deb ataladi. Bu qoidalar ikki 
qismdan iborat bo‘ladi:

selektor (H1) HTML-hujjatdagi tegning maqsadini aniqlaydi (sarlavha, 
paragraf va hokazo);

tavsiflash (deklarasiya) (color:red) joriy selektor(teg)ga qo‘llash uchun stil 
belgilaydi.
Tavsiflash (deklarasiya) katta qavs ichiga olinadi va u ham ikki qismdan 
iborat bo‘ladi: hususiyat (color) va qiymat (red). Ular ham katta qavsga yozilib, 
o‘zaro ikki nuqta bilan ajratiladilar. Ba’zi qiymatlar va hususiyatlar stil jadvallarida 
keltirilgan. Selektorlar vergul (,) bilan, tavsiflar esa nuqta-vergul orqali (;) 
guruhlanadi. 
Masalan: 
N1, H2 {color:red; font-family:Arial} ni quyidagi ikki ifoda: 
N1 {color:red; font-family:Arial} 
H2 {color:red; font-family:Arial} o‘rniga ishlatish mumkin. 
Bu misolda birinchi va ikkinchi bosqich sarlavhalari uchun bir xil – rangi qizil 
va nomi Arial bo‘lgan shrift ko‘rsatilmoqda. 
Me’ros olish 
Me’ros olish–bu bir teg ikkinchisining hususiyatlarini me’ros sifatida olishdir. 
Oldingi misollarda biz 

 tegi uchun qizil rang bergan edik. Aytaylik, web-
sahifada

tegi ichida ko‘rsiv ajratish uchrasin: 

 Misol sifatida ona elementning hususiyatlarini me’ros olishi ni 
ko‘raylik

 
Bu misolda «me’ros olish» matni ushbu so‘zda «merosxo‘rlik» qizil rangda 
(shrift Arial) bo‘ladi, biz  tegi uchun rang ko‘rsatmaganimiz uchun u rangni ona 
teg, ya’ni 

 dan me’ros qilib oladi. 
Sahifa iyerarxik (ya’ni ona-bola shaklidagi bosqichma-bosqich) tuzilmaga ega 
bo‘ladi. Eng yuqori bosqichda tegi, keyingisida tegi, undan 
keyin  va hokazo teglar. Lekin amalda me’ros olish brauzerlar tomonidan 
hamma vaqt ham to‘g‘ri talqin etilmasligini ta’kidlab o‘tish joiz. 
Kontekstli (mavjud holat mohiyatiga qarab ishlaydigan) selektorlar 
Kontekstli selektor – boshqa selektor ichiga joylashgan selektor(teg) uchun stil
belgilovchi tegdir. Ushbu: