2-Amaliy ish Mavzu: css da selektorlar. Css xususiyatlari. Css3 da effektlar, transformasiya, animasiya. Ishdan maqsad
Ona element hususiyatini me’ros olish ga misol
Download 1.34 Mb.
|
Amaliy-2(hemis)
- Bu sahifa navigatsiya:
- Sarlavha
Ona element hususiyatini me’ros olish ga misolmisol tegi uchun - u ning ichida joylashgan - stil belgilaydi : H1 I {color:green}
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. Tashqi stil jadvalini kiritish ( HTML-hujjatning sarlavha qismi ga joylashtiriladi): Faqat shu hujjat uchun amalda bo‘lgan ichki stil jadvalini ishlatish ( 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 |