|
Rasmlarni orqa fon sifatida ishlatish
|
| bet | 2/3 | | Sana | 22.09.2023 | | Hajmi | 123.87 Kb. | | #83536 |
Bog'liq mirjon web ilova MI 6-lekciya-1, Xoltoʻrayev Layoqatsizlik , ATT 2-maruza, таквим, 111Skanerlar, Очик дарс охирги, 317-320 Xamrayev O, Mavzu tj abslar faoliyatining umumlashtirilgan sxemasi. Reja K, Kompyuter tarmoqlari-fayllar.org, 18 NAVOIY RIDONA GAZALLARI, Mehmondorchilik, davlat boshqaruvida ATK mustaqil ish — копия, Konfrensiyaga, НRasmlarni orqa fon sifatida ishlatish
CSS sizning rasmlaringiz bilan zamonaviy fonlarni yaratishni osonlashtiradi. Siz butun sahifa uchun yoki faqat ma'lum bir element uchun fon qo'shishingiz mumkin. Xususiyatiga ega bo'lgan sahifada fon rasmini yaratish oson fon-rasm :
CSS3 ushbu muammoni yangi xususiyatlar bilan hal qilishni taklif qiladi mos keladigan va ob'ekt pozitsiyasi ... Ushbu xususiyatlar yordamida siz tasvirning aniq balandligi va kengligini va tomonlarning nisbati qanday ishlashini aniqlay olasiz. Bu sizning rasmlaringiz atrofida xat qutisi effektini yaratishi yoki kerakli o'lchamga mos ravishda kesishi mumkin.
Ko'pgina brauzerlarda yaxshi qo'llab-quvvatlanadigan boshqa CSS3 xususiyatlari mavjud, ular sizning rasmlaringizni o'zgartirish uchun ham foydalanishingiz mumkin. Hozirgi zamonaviy brauzerlarda soyalarni tushirish, yumaloq burchaklar va rasmlarni burish, burish yoki siljitish uchun o'zgartirish kabi narsalar. Keyinchalik, rasmlarni sichqonchaning ustiga bosish, bosish yoki ma'lum vaqtdan so'ng darhol o'zgartirish uchun CSS Transitions-dan foydalanishingiz mumkin.
Rasmlarni orqa fon sifatida ishlatish
CSS sizning rasmlaringiz bilan zamonaviy fonlarni yaratishni osonlashtiradi. Siz butun sahifa uchun yoki faqat ma'lum bir element uchun fon qo'shishingiz mumkin. Xususiyatiga ega bo'lgan sahifada fon rasmini yaratish oson fon-rasm :
CSS-da fon rangini o'rnatish
CSS-da fon rangini qanday o'rnatish kerak. CSS-dagi fon (rang, joy, rasm, takrorlash, biriktirma) - barchasi Html elementlarining fon rangini yoki fon tasvirini o'rnatish uchun. Css bilan shaffof fon
Menimcha, mulk ishlatilmaydigan biron bir sayt yo'q css fon. Ko'rinib turibdiki, bu mulkdan oddiyroq nima bo'lishi mumkin? Lekin yo'q, uning imkoniyatlari sahifa foni sifatida rasm yoki rangning odatiy sozlamalaridan ancha kengroqdir. Ba'zilar tanish bo'ladi, ba'zilari esa ko'pchilik uchun yangi bo'ladi. Har qanday holatda, fon qanday ishlashini yaxshilab bilish foydali bo'ladi.
CSS3 mulkka shaffoflik va bir nechta tasvirlarni fon sifatida o'rnatish kabi ko'plab yangi narsalarni olib keldi, ammo biz bu haqda quyida gaplashamiz, lekin avval biz mulkning asoslarini yoritamiz. fon.
fon rangi
Ishonchim komilki, siz fon rangini belgilashni bir necha marta bajargansiz. Buni bir necha turdagi belgilar yordamida amalga oshirish mumkin: muntazam (rang nomi ishlatiladi), o'n oltilik yoki RGB belgisi. Har bir tur ekvivalentdir, qaysi biri sizga yoqqanidan foydalaning. Men eng qisqa versiyadan foydalanishga harakat qilaman va idrok qilish uchun u oddiyroq va uslublar fayli hajmi biroz kichikroq.
P (fon rangi: qizil;) p (fon rangi: #f00;) p (fon rangi: #ff0000;) p (fon rangi: rgb(255, 0, 0;))
CSS3 shaffoflikni qo'llab-quvvatlaydi, shuning uchun biz uni rangimizga qo'shishimiz mumkin, masalan:
P (fon rangi: rgba(255, 0, 0, 0,5);)
Oxirgi raqam shaffoflikni 50% ga o'rnatdi. Shaffoflik qiymatini 0 dan (to'liq shaffof fon) dan 1 gacha (to'liq shaffof emas).
fon tasviri
Bu xususiyat ham juda tez-tez ishlatiladi, bu sizga fonga rasm belgilash imkonini beradi. CSS3 fonga bir nechta tasvirlarni belgilash qobiliyatini qo'shadi, ularning har biri o'ziga xos qatlam yaratadi, shuning uchun har bir keyingisi avvalgisiga o'xshash bo'ladi. Nima uchun bu foydali bo'lishi mumkin? Hammasi juda oddiy - aytaylik, saytning har bir burchagida kichik narsalarni burish kerak. Ko'proq yoki kamroq suyuqlik tartibida bitta rasmdan foydalanish variant emas. Shunday qilib, biz 4 ta "qatlam" qilamiz, har bir rasmni o'z burchagiga o'tkazamiz va shu bilan muammo hal qilinadi.
Asosiy (fon-tasvir: url("image1"), url("image2"), url("image3"))
Agar siz fonga bitta rasmni belgilashingiz kerak bo'lsa, biz kodda faqat birinchisini qoldiramiz, menimcha, bu tushunarli.
Har qanday rasmni fon sifatida ishlatganda, ikkita qoidani yodda tutish kerak:
foydalanuvchi biron sababga ko'ra tasvirni ko'rmasa, kontrastli fon rangini o'rnating. U rasmlarni ko'rsatishni sezilarli darajada o'chirib qo'yishi mumkin, trafikni tejaydi.
hech qanday etkazish uchun fon tasviridan foydalanmang muhim ma'lumotlar. Yuqorida aytib o'tilgan sabablarga ko'ra, foydalanuvchi uni ko'rmasligi mumkin.
Bir nechta fon rasmlarini qo'llab-quvvatlash juda keng. Barcha brauzerlar, hatto IE8 ham ushbu xususiyatni qo'llab-quvvatlaydi.
Html-dagi istalgan element uchun fonni o'rnatishga imkon beruvchi beshta CSS qoidalarini ko'rib chiqamiz - fon-pozitsiya (tasvir, takrorlash, rang, biriktirma). Xo'sh, fon birikmasi qoidasini eslatib o'tishni unutmang.
Bunda hech qanday qiyin narsa yo'q, lekin tayyor shablon haqida bilishingiz kerak bo'lgan ba'zi nozikliklar va nuanslar mavjud (esda tuting, bu sizga har qanday dizaynning butun hikoyasini ochishga yordam beradi).
Yana bir bor eslatib o'tamanki, ushbu maqola ketma-ketlikning bir qismidir va uslubni belgilashni boshidan, ya'ni CSS nima va u nima bilan iste'mol qilinishi haqidagi maqoladan o'rganishni boshlash yaxshi bo'lardi, keyin tartibda amal qiling. ma'lumotnomada berilgan. Garchi, har qanday holatda, bu sizga bog'liq, ammo endi fonni o'rnatish haqida gapiraylik.
|
| |
