Va axborot texnologiyalari 10-sinf toshkent – 2021



Download 27,94 Mb.
Pdf ko'rish
bet146/153
Sana13.06.2022
Hajmi27,94 Mb.
#663013
1   ...   142   143   144   145   146   147   148   149   ...   153
Bog'liq
10-sinf yangi

,..

), paragraflar (p), 
ro‘yxatlar (
    ,
  • ), rasmlar (), umumiy qilib aytganda, blokli model ko‘rinishidagi 
    barcha elementlar ishlatiladi. 
    Bloklar 
    blok darajasidagi blok
    va
     qatorli blok
    turlariga bo‘linadi. 
    Blok darajasidagi bloklar brauzerga alohida qatorlarda chiqariladi, boshqa elementlar esa ular 
    atrofiga joylashadi:


    ,
      ,

    • Qatorli bloklar brauzerga yonma-yon bitta qatorda chiqariladi: , ,
      Blokni boshqa bir blok ichiga ham joylashtirish mumkin.
      Har bir blok matn, rasm kabi tashkil etuvchilardan iborat bo‘ladi. Blokning bu qismi 
      kontent 
      deb yuritiladi. Misol uchun 
      p
      tegi uchun kontent matn hisoblanadi. Agar matn blok ichiga 
      sig‘masa, u holda matn davomi blok tashqarisida yozilaveradi. 


      219
      BLOKNING KENGLIGI VA BALANDLIGINI CHEKLASH
      Ayrim sahifa dizaynlari foydalanuvchi ekranining o‘lchamiga mos ravishda kengayadi yoki 
      qisqaradi. Bunday dizaynlarda blokning kengligi va balandligini cheklash kerak bо‘ladi: 
      • 
      min-width
      xususiyati – brauzer oynasi tor bo‘lganda ko‘rsatilishi mumkin bo‘lgan eng 
      kichik kenglik о‘lchami; 
      • 
      max-width
      xususiyati – brauzer oynasi keng bo‘lganda blokning kengayishi mumkin 
      bo‘lgan eng katta kenglik о‘lchami; 
      • 
      min-height 
      xususiyati – eng kichik balandlik о‘lchami; 
      • 
      max-height
      xususiyati – eng katta balandlik о‘lchami. 
      Bu xususiyatlar blokning eng katta va eng kichik о‘lchamlarini aniqlab beradi. Shuning uchun 
      о‘lchamlar faqat shu oraliqqa tushishi kerak. Masalan, max-height=80px ga teng, agar blokka 
      height uchun 400px berilsa, ushbu о‘lchov ishlamaydi.
      div.
      box
      {
      height

      400px
      ;
      width

      500px
      ;
      background-color

      green
      ;
      min-height
      :
      300px
      ;}
      p {
      height

      80%

      /* 160px*/
      width

      80%

      /*240px*/
      background-color

      lightgreen
      ;
      min-height

      50px;
      max-height

      80px;
      }
      NATIJA
      CSS — bu stillar bilan ishlay oladigan kaskadli 
      stillar majmuasi.
      CSS Veb - sahifalarga har xil 
      stillar berish uchun ishlatiladi va HTML - hujjat 
      ichida teglar bilan birga foydalaniladi.
      CSS
      class
      ="
      box
      ">
      CSS – stillar bilan ishlay oluvchi kaskadli stillar majmuasi. CSS veb-
      sahifalarga har xil stillar berish uchun ishlatiladi va HTML-hujjat ichida teglar bilan 
      birga foydalaniladi.


Download 27,94 Mb.

Do'stlaringiz bilan baham:
1   ...   142   143   144   145   146   147   148   149   ...   153




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

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish