Css 3 haqida


>Qizil shrift >Ko'k fonda qizil shrift


Download 1.71 Mb.
bet4/6
Sana25.03.2023
Hajmi1.71 Mb.
#1295107
1   2   3   4   5   6
Bog'liq
css darslari (1)

>Qizil shrift


>Ko'k fonda qizil shrift



ID=myID> 1em lik yozuv


ID=form2>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



id="iden">test_klas

id="iden">test_klas

Ikkala holatda ham matn qizil rangda chiqadi, identifikatorda o‘rnatilgani kabi. Oxirgi berilgan stil natijaga ta'sir qiladi.


№3 CSS dars - Sintaksis va ishlash printsipi: ID, CLASS, STYLE


Oldingi darslardan CSS haqida biroz bo‘lsa ham ma'lumotga ega bo‘ldingiz. Bu maqola to‘liq, CSS kodlarini HTML kodlarida ishlatishni ko‘rsatib o‘taman. CSS kodlarini tushuntirib o‘tmayman, faqat ulashni va yozilish sintaksisini ko‘rsataman, keyingi maqolalardan boshlab, CSS stillarini birma-bir ko‘rib chiqamiz. CSS natijalarini brouzerda ko‘rish mumkin bo‘ladi, yana bir narsa, CSSga tegishli barcha darslar misollari "Firefox Mozilla" brouzeri orqali tekshiriladi, agar sizda boshqa brouzer bo‘lsa, misol natijalari sal farq qilishi mumkin.


CSS stillar quyidagicha yoziladi:
H1{color: blue; font-size:14 px}


Download 1.71 Mb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling