2-Amaliy ish Mavzu: css da selektorlar. Css xususiyatlari. Css3 da effektlar, transformasiya, animasiya. Ishdan maqsad

Ona element hususiyatini me’ros olish ga misol

misol tegi uchun - u

ning ichida joylashgan - stil belgilaydi : H1 I {color:green}
Misoldan ko‘rinib turibdi-ki kontekst selektor probel(bo‘sh joy) dan keyin yoziladi va

tegi ichiga joylashgan barcha teglar yashil rang oladi.
Bundan tashqari birnecha selektorlarni birlashtirish mumkin:
H1 I, P B {color:green}
Stil jadvallarini HTML-hujjatga qo‘shish
CSS ni HTML-hujjatga qo‘shishning to‘rtta usuli mavjud.

1. 
   Tashqi stil jadvalini kiritish ( HTML-hujjatning sarlavha qismi ga joylashtiriladi):
   

2. 
   Faqat shu hujjat uchun amalda bo‘lgan ichki stil jadvalini ishlatish (
   
   3. 
      Stilni bevosita teg ichida ko‘rsatish:
      
   
   

   ...

   
   4. Import (Import) – maxsus ajratilgan so‘z @import yordamida HTML – hujjatga stillar jadvalini import qilish(sirtdan olib kelish).
   Import qilingan fayl
   Lekin bu usul hamma vaqt ham to‘g‘ri ishlamasligini hisobga olib, ishlatishga maslahat bermaymiz.
   Sirtqi stil jadvalini ishlatish eng maqbul variant ekani ko‘rinib turibdi. Chunki uni saytning barcha hujjatlariga qo‘llashingiz va sayt ko‘rinishini boshqarish uchun yetarlicha moslashuvchan mexanizmga ega bo‘lishingiz mumkin. Biror fayl uchun kiritilgan o‘zgarishlar darhol boshqa sahifalar uchun ham amalga kiradi. Sirtqi stil jadvali eng oddiy matn muharrirlari (masalan «Bloknot» - Notepad) yordamida yaratilishi mumkin. Unga .css kengaytmali nom berib (masalan, site.css) saqlab qo‘ysangiz bo‘ldi. Keyin uni HTML hujjat bilan bog‘lash uchun tegidan foydalanamiz:
   
   ya’ni href atributida stillar jadvalining URL-adresi ko‘rsatiladi.
   Stillar jadvalini albatta alohida fayl sifatida saqlash shart emas. Uni hujjatning tanasiga bevosita kiritib qo‘yish ham mumkin, lekin unda jadval faqat shu hujjat fayli uchun o‘rinli bo‘ladi. Stillar jadvalini hujjatga kiritish uchun
   
   
   

   Sarlavha

   Abzas
   

   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
   

   
   
   Jahongir