• Qizil shrift
  • Css css 3 haqida




    Download 2,08 Mb.
    Pdf ko'rish
    bet3/5
    Sana10.12.2023
    Hajmi2,08 Mb.
    #114981
    1   2   3   4   5
    Bog'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: 






     
     
     
    E'lon qilingan stilni kerakli joyda chaqiramiz. 




     

    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.






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


    Download 2,08 Mb.
    1   2   3   4   5




    Download 2,08 Mb.
    Pdf ko'rish