2-Amaliy ish Mavzu: css da selektorlar. Css xususiyatlari. Css3 da effektlar, transformasiya, animasiya. 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: