2-Topshiriq. Mavzu: Ichki va tashqi stillar bilan ishlash. Css yordamida qatlamlar yaratish. 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: 
href="http://www.myserver.com/mysheet.css" 
type="text/css" 
rel=stylesheet > 
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
 

Home page 

Musings 

My town 

Links 
 

My first styled page

 
Welcome to my styled page! 

---

It lacks images, but at least it has style. 
And it has links, even if they don't go 
anywhere… 
There should be more here, but I don't know 
what yet. 

Made 5 April 2004
by myself.