Техникаро бо CSS иҷро кунед
Агар шумо як вебсайт муҳайё карда бошед, шояд шумо омӯзед, ки чӣ тавр эҷод кардани тасвири замина ё обанборро дар саҳифаи веб тасаввур кунед. Ин як табобати тарҳрезии умумӣ аст, ки дар муддати чанд муддат онлайнаш маъруф аст. Ин таъсироти фоидаоварест, ки дар бастаи тарҳрезии вебсаатаи ҳунармандон дорад.
Агар шумо ин корро пештар анҷом надода будед, пеш аз он ки шумо беэътиноӣ кардед, ин раванд метавонад беҷуръатӣ зоҳир кунад, аммо дар ҳақиқат дар ҳама ҳолат душвор нест. Бо ин мазмуни мухтасар, шумо иттилооти лозимро ба даст меоред, ки техникаро дар як дақиқа бо CSS истифода баред.
Сар кардани кор
Тасвирҳо ё лавҳаҳои феълӣ (ки дар ҳақиқат танҳо тасвирҳои аслии равшан мебошанд) таърихи дизайни чопӣ доранд. Ҳуҷҷатҳо дар тӯли муддати дароз ба лавозимоти онҳо дохил шуданд, то ки онҳо аз онҳо нусхабардорӣ нашаванд. Ғайр аз ин, бисёр китобчаҳо ва брошураҳо тасвирҳои калони заминиро ҳамчун қисми тарҳрезӣ барои пораети чопӣ истифода мебаранд. Тарҳрезии веб саҳифаҳои сабтҳои дарозмуддат аз тасвирҳо ва аломатҳои зеҳнӣ яке аз ин намудҳои қарзгиранд.
Ин тасвирҳои калонтар аз оинаи оптикаи CSS- и зерин иборатанд:
- background-image
- background-repeat
- background-attachment
- андозаи аслӣ
Аксҳои қаблӣ
Шумо тасвири заминаеро истифода мебаред, то тасвиреро, ки ҳамчун рамзи шумо истифода мешавад, истифода барад. Ин услуб фақат як роҳи файлро барои бор кардани тасвир, ки шумо дар сайти худ доред, эҳтимолан дар феҳрист номи "тасвирҳо" истифода мебарад.
background-image: url (/images/page-background.jpg);
Муҳим он аст, ки тасвири худ нисбат ба симои оддӣ равшантар ё шаффофтар аст. Ин эҷод мекунад, ки "возможно", ки дар он намунаи нурафзол дар матн, графикҳо ва дигар унсурҳои асосии веб саҳифа вуҷуд дорад. Бе ин қадами тасвири замина бо маълумот дар саҳифаи худ рақобат карда, хондан душвор аст.
Шумо метавонед тасвири замина дар ҳама гуна барномаи таҳрирӣ, ба монанди Adobe Photoshop -ро тағйир диҳед.
Пешгуфтор-такрор
Баъзе моликияти зеҳнии бозгашти оянда меояд. Агар шумо хоҳед, ки тасвири худро ба графикаи калонтарини ватандӯстӣ бирасед, шумо ин молро истифода мебаред, то ин тасвир танҳо як бор нишон диҳад.
background-repeat: no-repeat;
Бе "нармафзори" такрор намешавад, ин хосиятест, ки тасвир дар якчанд бор такрор хоҳад шуд. Ин дар тарроҳҳои зиёди веб саҳифаҳои визуалӣ нодуруст аст, бинобар ин ин услуб дар CSS-и худ муҳим аст.
Замина-Замим
Замина замима аст, ки молике, ки бисёр дизайнерҳои интернетӣ фаромӯш мекунанд. Бо истифода аз он, ки тасвири аслии худро дар вақте, ки шумо "амволи заиф" истифода мебаред, нигоҳ медорад. Ин чизест, ки ин тасвирро ба як возмое, ки дар саҳифа гузошта шудааст, мебандад.
Арзиши аслии ин молуъ "ба ҳаракат дароред". Агар шумо арзиши аслии замимаро муайян накунед, замина бо дигар қисми саҳифа пай хоҳад бурд.
замима кардани замима: fixed;
Асосӣ-Андоза
Андозаи феълӣ як амволи нави CSS аст. Он ба шумо имкон медиҳад, ки андозаи заминаеро дар асоси вариантҳо дар назар дошта бошед. Ин барои вебсафҳаҳои ҷавобӣ , ки дар ҳаҷмҳои гуногун дар дастгоҳҳои гуногун нишон медиҳанд, хеле муфид аст.
миқдори аслии: cover;
Ду арзиши фоиданоке, ки шумо метавонед барои ин амвол истифода баред:
- Тафсилот - Зарур аст, ки паси он бошад, ё васеъ ё пурраи пурраи он нишон дода шавад. Ин маънои онро дорад, ки баъзе қисмҳои тасвир наметавонанд дар экран пайдо шаванд, вале тамоми минтақаи он фаро гирифта мешавад.
- Эзоҳ - Тасвирро тасвир кунед, бинобар ин ҳамаи паҳлӯҳо ва баландҳо дар майдони сабтшуда нишон дода мешаванд. Сурат наафзояд, вале поёнтар аст, ки қисмҳои ин минтақа бо тасвири пӯшида намераванд.
Илова кардани CSS ба саҳифаи шумо
Пас аз он ки шумо хусусиятҳои боло ва арзишҳои онҳоро фаҳмед, шумо метавонед ин сабтҳоро ба вебсайти шумо илова кунед.
Агар шумо саҳифаҳои як саҳифаи як саҳифаро ба саҳифаи вебии худ дохил кунед, инҳоро ба зер кунед. Илова кардани ин услуби CSS аз варақаи берунаи стандартии беруна, агар шумо сохтани як саҳифаи вебсайт ва мехоҳед, ки қудрати берунаи варақаро берун кунед.