Bajardi: web 009- guruh Talabasi: Shariyorov Asadbek Tekshirdi

ems va rems
em va rem ikki nisbiy uzunlikdir, siz qutilardan matngacha bo'lgan har qanday narsani o'lchashda tez-tez duch kelishingiz mumkin. Ularning qanday ishlashini va ular orasidagi farqlarni tushunishga arziydi, ayniqsa matnni shakllantirish yoki CSS tartibi kabi murakkabroq mavzularga o'tishni boshlaganingizda. Quyidagi misol namoyishni taqdim etadi. Boshlash uchun biz elementida shrift o'lchami sifatida 16px o'rnatamiz.
Xulosa qilib aytadigan bo'lsak, em birligi tipografiyada "mening asosiy elementimning shrift o'lchami" degan ma'noni anglatadi. Ems sinfiga ega

ichidagi
• elementlari o'z o'lchamlarini ota-onasidan oladi. Shunday qilib, har bir ketma-ket joylashtirish darajasi asta-sekin kattalashadi, chunki har birining shrift o'lchami 1,3em ga o'rnatiladi - ota-ona shrift hajmidan 1,3 marta.
  Xulosa qilib aytadigan bo'lsak, rem birligi "Ildiz elementning shrift o'lchami" degan ma'noni anglatadi (rem "root em" degan ma'noni anglatadi). Remlar sinfiga ega
  ichidagi
  • elementlari o'lchamlarini ildiz elementidan () oladi. Bu shuni anglatadiki, har bir keyingi uyalar darajasi kattalashib bormaydi.
    Biroq, agar siz CSS-da elementining shrift o'lchamini o'zgartirsangiz, qolgan hamma narsa unga nisbatan o'zgarishini ko'rasiz - rem- va em-o'lchamli matn.
    
    html {
    font-size: 16px;
    }
    

    .ems li {

    
    font-size: 1.3em;
    }
    

    .rems li {

    
    font-size: 1.3rem;
    }
    
    
    2-Mavzu: Bootstrap da Modal, Navs va Tabs yaratish
    

    Bootstrap, "Modal", "Navs" va "Tabs" kabi ko'p qo'llaniladigan interfeys elementlarini yaratishga yordam beradi.

    
    "Modal" oyna, foydalanuvchining boshqa elementlarni to'xtatib, bitta elementga e'tibor yo'naltirishini ta'minlaydi. "Navs" elementi esa, sahifaga navigatsiya tizimini qo'shadi. "Tabs" elementi esa, bitta sahifani undagi bir nechta qismga bo'lib, ularga o'tish vaqtida o'zgartirish imkoniyatini ta'minlaydi.
    "Modal" oynasini yaratish uchun, quyidagi HTML kodini ishlatishingiz mumkin:
    
    
    Open modal
    
    
    
    
    

    
    

    
    

    
    

    Modal title

    
    ×
    

    
    

    Modal body text goes here.

    
    
    

    
    

    
    Close
    Save changes
    

    
    

    
    

    
    
    
    Bu kod, "Open modal" tugmasini va undan keyin modal oynasini yaratadi. Modal oynasi, "modal" sinfida belgilangan div elementi orqali aniqlanadi. Modal oynasida sarlavha, matn va tugmalar kabi boshqa elementlar ham mavjud.
    "Navs" elementini yaratish uchun, quyidagi HTML kodini ishlatishingiz mumkin:
    
    
    
    
    
    • 
      Home
      
    
    
    • 
      Profile
      
    
    
    • 
      Messages
      
    
    
    
    
    
    

    
    

    Home

    Some content for the home tab.

    
    
    

    
    

    
    

    Profile

    Some content for the profile tab.