• Selektor turlari CSS da teg va attributlar yo’q, uning o’rnini maxsus kodlar egallaydi va ular selektor, xususiyat va qiymat
  • Psevdosinflar
  • Elementlar va sinflar
    		•

    Css darsliklari




    Download 0.98 Mb.
    bet4/7
    Sana08.06.2023
    Hajmi0.98 Mb.
    #70993
    1   2   3   4   5   6   7
    Bog'liq
    CSS
    15, баён кирилда, Samatov, SHAMSIDDINOV ISAQJON, KT Laboratoriya ishi 4, 4-7-lab S.T, Заголовок отчета, mobiledan manga tushga test, loyiha ishi 2 cmestir, add, 4 Amaliy ish Operatsion tizimda Windows OT parolga asoslangan autentifikatsiya, 4.10, Fizika” fani bo’yicha, Ulugʻbek.M Akademik yozuv Reklama matni mustaqil ta\'lim 2, 1-Amaliyot ishi
    Psevdosinflar
    CSSda gipermurojaatlar bilan bog’liq to’rtta psevdosinf mavjud. Giper o’tish to’rtta holatda bo’lishi mumkin:

    • oddiy,

    • faollashgan,

    • o’tilgan,

    kursor ustiga keltirilgan
    Ushbu stillarni ko’rinishini o’zgartirish uchun psevdosinflar ishlatiladi.
    • a:link – oddiy xolat stilini beradi.
    • a:active – faollashgan xolat stilini beradi.
    • a:visited – o’tilgan xolat stilini beradi.
    • a:hover – kursor ustiga keltirilgan xolat stilini beradi.
    Elementlar va sinflar
    Quyida CSS ning element va sinflarini ishlatishning to’rt xil uslubini ko’rib chiqamiz va birinchi uchta xolatda CSS ni HTML dokumenti ... qismida ishlatamiz, to’rtinchi uslubni esa ...
    ,
    ,
    ) taglar uchun quyidagi "{ }" orasidagi buyruqlarni amalga oshir deganidir, xuddi HTML dagi taglarning attributelari kabi. Boshqacha qilib aytganda tag attributelariga judayam o’xshash, lekin ulardan ko’ra ko’proq xususiyatlarga egadir. YA’ni HTML dagi o’rniga CSS da body {background-color:#FF0000;} ikkalasi bir xil funktsiyani amalga oshiradi. Agar CSS da body {background-color:#FF0000;} yozilsa HTML da tagi bir o’zi xech qanday attributelarsiz keladi chunki CSS elementlari attribute vazifasini o’taydi. HTML dokumentimizning ...
    "birodar">Bu matn brovzerda sariq rangda va veb saxifa markazida paydo bo’ladi

    ,
    va
    lar uchun CSS ning elementlari attribute vazifasini o’tashini tushuntirgan edim, lekin siz ba’zi
    yoki
    lar uchun bu elementlar qo’llanmasligini va ular uchun boshqa elementlar bo’lishini xoxlashingiz tabiiydir, u xolda CSS da "p.birodar" qilib belgilab HTML da
    qilib ishlatishingizga to’g’ri keladi. Shunda CSS dagi
    p {
    font-family:arial;
    font-size:14pt;
    font-style:italic;
    color:#660000;
    }
    buyruqlari sizning HTML dagi
    ...
    orasida keladigan ma’lumotingizga ta’sir qilmaydi, va aksincha CSS da "p.brodar {font-family:times new roman; font-size:16pt;} qilib yozib olingan qoidalar
    ...
    uchun o’rinli bo’ladi. Lekin nega aynan "p.birodar", ".birodar" qilsak bo’lmaydimi, baribir ikkala xolatda xam tag ichida ishlatilinadiku? - degan savol tug’ilishi tabiiy. Bunday qilishdan 2 xil maqsad bordir: birinchisi
    larning ko’p va xar xil bo’lishi mumkinligi xoxishga qarab va ularni bir biridan ajratish oson bo’lishi uchun (masalan: p.bir, p.ikki, p.uch), ikkinchi maqsad p.birodar faqat
    uchundir, agar .brodar ni ishlatsak unda boshqa taglarga xam qo’llanishi mumkin bo’lib qoladi .brodar qaysi taglar uchun yaralgani sizni chalg’itishi mumkin katta ma’lumotlar kiritganizda.
    "Quyidagi (b) misolda uni yaqinroq tushunishga xarakat qilamiz, agar tushunarsizlik bo’lsa email orqali xabar bering aniqroq tushuntirishga xarakat qilaman, biroq ikkinchi darsda ko’proq misollarda ko’rsangiz albatta yaxshi tushunib olasiz chunki bu qoidalar juda oson, siz asosan CSS da "{ }" orasidagi qiymatlar turlari va xar birining bajarish funktsiyalari va vazifalarini o’rganasiz, qolgan xamma narsa mutlaqo osondir. Xozir birinchi bo’lib (a) Misolni ko’raylik, keyin (b) Misol.
    (a) Misol:


    CSS Darsliklari

    Download 0.98 Mb.
    1   2   3   4   5   6   7




    Download 0.98 Mb.