html5 da bloklar css3 da o’zgaruvchan bloklar bilan ishlash div tegi va uning atributlari css3da bloklarning kengligi

DOC 46,0 KB Bepul yuklash

Sahifa ko'rinishi (5 sahifa)

Pastga aylantiring 👇

1523205017_70875.doc html5 da bloklar css3 da o’zgaruvchan bloklar bilan ishlash div tegi va uning atributlari css3da bloklarning kengligi rеja: 1. css3 da o’zgaruvchan bloklar bilan ishlash. 2. blokning oraliq masofalari: maging va padding 3. css3 da bloklarning kengligi va balandligi tushunchasi. web sohasida, blok tushunchasi juda kerakli termin hisoblanadi, saytning barcha brauzerlarda birxilda ochilishi, rasm va yozuvlarni o‘ylaganingizdek namoyon bo‘lishi aynan blok holatiga bog‘liq. bu maqoladan boshlab, blokga tegishli stillar xususiyatini ko‘rib chiqamiz. dastlab, umumiy blok nimaligini bilib olamiz. blok bu - ma'lum bir chegaraga ega bo‘lgan va alohida qism sifatida qaraladigan ma'lum bir axborotni o‘zida saqlaydigan joydir. html gippermatn tilini oladigan bo‘lsak, u yerda ham blok va qator elementlari tushunchasi bor. blokli elementlar, alohida strukturaga ega bo‘lib, to‘rtburchak chegaraga bilan o‘ralgan bo‘ladi. ikkita blokli elementni bir qatorga joylashtirib bo‘lmaydi. html gippermatn tilida blokli elementga misol qilib, "h1...h6", "p" va "div" teglarini olish mumkin. har safar bu teglarni ishlatganda, brauzer …

misol uchun "p" tegi uchun kontent yozuv hisoblanadi. blok atrofida qandaydir boshqa blok yoki ob'yektlar bo‘lishi mumkin, blokdan ulargacha bo‘lgan masofaga "margin" kalit so‘zi javob beradi. blok ajralib turishi uchun, uning chegarasi bo‘lishi lozim, bu chegaraga "border" javob beradi. yuqoridagilardan tashqari blokning ichki bo‘sh oralig‘i bo‘lishi mumkin, ya'ni blokdan blok chegarasigacha bo‘lgan masofa, bu masofaga "padding" kalit so‘zi javob beradi. keyingi maqolalarda blokning shu xususiyatlarini birma-bir ko‘rib chiqamiz, bu maqolani blok tushunchasiga ta'rif sifatida qabul qilasiz. blokning oraliq masofalari: maging va padding blokning o‘z ramkasi(chegarasi)gacha bo‘lgan oraliq masofa va ramkasidan atrofidagi biror ob'yektgacha bo‘lgan masofa kabi xususiyati bor. bu ikki oraliq masofani tushinish uchun quyidagi rasmni keltirib o‘taman. bu yerda blok sifatida biror blokli teg(p, div,...) bo‘lishi mumkin. rasmdan ko‘rinib turibdiki, blokdan o‘z ramkasigacha bo‘lgan masofa "padding" deb, blok ramkasidan biror ob'yekt(element) yoki element mavjud bo‘lmasa hujjat oxirigacha bo‘lgan masofa "margin" deb yuritilar ekan. bu ikki xususiyatni kod ichida ishlatish, …

rishga oid misolni ko‘ramiz. margin padding d1 { background-color: gray; border:1px solid red; margin-top:70px; margin-bottom:10px; color:white;} .d2 { background-color : #ffe446; border:1px solid red; padding-left:70px; padding-right:10px; } eric contana roy kean yuqoridagi css kodni qisqartirib quyidagicha yozish mumkin: .d1{margin: 70px 0 10px 0;} .d1{padding: 0 10px 0 70px;} qaysi paytda qaysi birini(margin, padding) ishlatishni, o‘zingiz hal qilishingiz kerak, faqat shuni aytishim mumkinki, "padding" blok ichida bo‘ladi, "margin" blok tashqarisida css3 da bloklarning kengligi va balandligi tushunchasi. blokga oid xususiyatlarni ko‘rib chiqishni davom ettiramiz, bu safar yana bir asosiy xususiyatlardan biri, blokning balandligi(height) va uning uzunligi(width) haqida gaplashamiz. agar sezgan bo‘lsangiz, blokning uzunligi va balandligi avtomat aniqlashtiriladi, yozuv qancha katta bo‘lsa(yoki blokni boshqa tashkil etuvchi), shuncha blokning uzunlik va balandlik katta bo‘ladi. shunday bo‘lsa ham, biz css orqali blokning uzunlik va balandligini o‘zimiz o‘rnatishimiz mumkin. demak bu ish uchun biz quyidagi ikkita xususiyatdan foydalanamiz: - height- blokning balandligi; - width- blokning …

shda hamma narsalarni hisobga oling. blok uzunligi va balandligini berish bilan siz, faqat yozuv uchun ajratilgan joyni aniqlashtirgan bo‘lasiz, oraliq masofalarni belgilovchi css xususiyatlar(margin, padding) bu o‘lchamlarga kirmaydi. siz kiritgan o‘lchamdan keyin, o‘rnatgan oraliq masofa qiymatichalik joy tashlab ketiladi, rasmda ko‘radigan bo‘lsak, yuqoridagi o‘lcham beruvchi css xususiyatlardan tashqari yana quyidagi o‘lchov beruvchi xususiyatlar mavjud: - max-width- blokning maksimal uzunligi; - min-width- blokning minimal uzunligi; - max-height- blokning maksimal balandligi; - min-height- blokning minimal balandligi. bu xususiyatlar blokning maksimal va minimal o‘lchovlarini aniqlashtirib beradi, biror kod orqali bu maksimal va minimal o‘lchovlardan chetga chiqib bo‘lmaydi. beriladigan o‘lchovlar faqat shu oraliqga tushishi lozim. misol, .size { height:80px; width:600px; max-width: 300px; border:1px solid red; background-color:orange; } bu holda blok uzunligi 300 piksel bo‘ladi, biz o‘rnatgan 600 piksel ishlamaydi. menimcha hammasi tushunarli, tushunarsiz narsalar pochta yoki kommentariyada ko‘rib chiqiladi. adabiyotlar: 1. кarimov i.a. “yuksak ma’naviyat – yengilmas kuch” toshkent ma’naviyat 2008 yil 2. abduqodirov …

html5 da bloklar css3 da o’zgaruvchan bloklar bilan ishlash div tegi va uning atributlari css3da bloklarning kengligi - Page 5

Ko'proq o'qimoqchimisiz?

Faylni Telegram orqali bepul yuklab oling.

To'liq faylni yuklab olish

"html5 da bloklar css3 da o’zgaruvchan bloklar bilan ishlash div tegi va uning atributlari css3da bloklarning kengligi" haqida

1523205017_70875.doc html5 da bloklar css3 da o’zgaruvchan bloklar bilan ishlash div tegi va uning atributlari css3da bloklarning kengligi rеja: 1. css3 da o’zgaruvchan bloklar bilan ishlash. 2. blokning oraliq masofalari: maging va padding 3. css3 da bloklarning kengligi va balandligi tushunchasi. web sohasida, blok tushunchasi juda kerakli termin hisoblanadi, saytning barcha brauzerlarda birxilda ochilishi, rasm va yozuvlarni o‘ylaganingizdek namoyon bo‘lishi aynan blok holatiga bog‘liq. bu maqoladan boshlab, blokga tegishli stillar xususiyatini ko‘rib chiqamiz. dastlab, umumiy blok nimaligini bilib olamiz. blok bu - ma'lum bir chegaraga ega bo‘lgan va alohida qism sifatida qaraladigan ma'lum bir axborotni o‘zida saqlaydigan joydir. html gippermatn tilini oladigan bo‘lsak, u yerda ham bl...

DOC format, 46,0 KB. "html5 da bloklar css3 da o’zgaruvchan bloklar bilan ishlash div tegi va uning atributlari css3da bloklarning kengligi"ni yuklab olish uchun chap tomondagi Telegram tugmasini bosing.

Teglar: html5 da bloklar css3 da o’zgar… DOC Bepul yuklash Telegram