|
Css css 3 haqidaBog'liq CSS darslari 71f5cde2cc46d03f58a1e5132d2d38ba
Klass.
Agar bizga, kod ichida foydalaniladigan bir xil teglarga har xil stillarni o‘rnatishimiz
lozim bo‘lsa, klass yoki identifikatorlardan foydalanish juda qulay hisoblanadi. Dastlab
klass haqida to‘xtalib o‘tamiz. Bir xil elementlarga har xil stil berish uchun, element
nomi va nuqta(.) qo‘yib, stilga biror nom beramiz. So‘ng shu nomga tegishli bo‘ladigan
stillar ketma-ketligini yozib chiqamiz. Shundan so‘ng, kod ichida kerakli bo‘lgan
joyda, class so‘zi yordamida o‘rnatilgan stil nomi chaqiriladi.
Misol ko‘ramiz:
1
2
3
4
5
6
E'lon qilingan stilni kerakli joyda chaqiramiz.
1
2
3
4
Qizil shrift
Ko'k fonda qizil
shrift
1em lik yozuv
Qora rangda
YUqoridagi kodda "form3" identifikatori e'lon qilindi, lekin "form2" identifikatori
ishlatildi. Bunda "form2" bo‘lmaganligi sababli yozuv odatiy holda namoyon bo‘ldi.
Hozirgi kunda identifikatordan klassda yaratilgan stillarning ma'lum bir qismini o‘zgartirish
uchun ishlatishmoqda. Misol uchun, bitta klass ochib, unga nom beramiz va stillar ketma-
ketligini kiritamiz. HTML kod ichida shu klassni chaqirib, undan foydalanamiz, agar bizga
stillar ketmaketligini biror elementini o‘zgartirish kerak bo‘lib qolsa, identifikatorni ishga
solamiz. Shunda butun stilni bitta elementini o‘zgartirish uchun boshidan yozib o‘tirmaymiz.
HTML tegida klass va identifikatorni birga ishlatsak, identifikator kuchliroq hisoblanadi. Misol
ko‘ramiz.
1
2
3
4
5
6
test_klas
test_klas
Ikkala holatda ham matn qizil rangda chiqadi, identifikatorda o‘rnatilgani kabi. Oxirgi
berilgan stil natijaga ta'sir qiladi.
|
| |
