Ṣiṣẹ ilana pẹlu CSS
Ti o ba nse aaye ayelujara kan, o le ni imọran lati ni imọ bi o ṣe le ṣẹda aworan ti o wa titi tabi bukumaaki lori oju-iwe ayelujara kan. Eyi ni abojuto itọju ti o wọpọ ti o ti gbajumo lori ayelujara fun igba diẹ. O jẹ ipa ti o ni ọwọ lati ni ninu apo apamọ wẹẹbu rẹ ti ẹtan.
Ti o ko ba ti ṣe eyi ṣaaju tabi ti o ti gbiyanju tẹlẹ laisi ọya, ilana naa le dabi ibanujẹ, ṣugbọn o jẹ ko nira rara rara. Pẹlu itọnisọna kukuru yii, iwọ yoo gba alaye ti o nilo lati ṣakoso ilana ni ọrọ ti iṣẹju nipa lilo CSS.
Bibẹrẹ
Awọn aworan atẹlẹsẹ tabi awọn aṣiṣe omi (ti o jẹ otitọ ni awọn aworan lẹhin ti o ni imọlẹ pupọ) ni itan ni apẹrẹ ti a tẹjade. Awọn iwe aṣẹ ti ni awọn omi omi ti o gun to wa lori wọn lati dena wọn lati ko dakọ. Pẹlupẹlu, awọn aṣoju pupọ ati awọn iwe pelebe lo awọn aworan ti o tobi julọ gẹgẹbi apakan ti awọn apẹrẹ fun iwe ti a tẹẹrẹ. Opo oju-iwe ayelujara ti ni awọn ọna ti a yawo pupọ lati titẹ ati awọn aworan atẹle jẹ ọkan ninu awọn ọna ti a yawo.
Awọn aworan ti o tobi yii ni o rọrun lati ṣẹda lilo awọn ile-iṣẹ CSS mẹta wọnyi:
- lẹhin-aworan
- lẹhin-tun
- lẹhin-asomọ
- lẹhin-iwọn
Aworan atẹlẹsẹ
Iwọ yoo lo aworan-ipilẹ lati ṣafihan aworan ti yoo ṣee lo bi omi-omi rẹ. Iwa yii nlo ọna ọna kika lati fi aworan kan ti o ni lori aaye rẹ, boya ni igbimọ kan ti a npè ni "awọn aworan."
aworan-lẹhin: url (/images/page-background.jpg);
O ṣe pataki ki aworan naa jẹ fẹẹrẹfẹ tabi diẹ sii kedere ju aworan deede. Eyi yoo ṣẹda pe "ṣiṣan omi" wo ninu eyi ti aworan ti o ni ẹyọkan-ori wa lehin ọrọ, awọn eya aworan, ati awọn eroja akọkọ ti oju-iwe ayelujara. Laisi igbesẹ yii, aworan ti o wa lẹhin yoo figagbaga pẹlu alaye ti o wa ni oju-iwe rẹ ki o jẹ ki o soro lati ka.
O le ṣatunṣe ojulowo aworan ni eyikeyi eto atunṣe bii Adobe Photoshop.
Tun-Tun-Tun
Ohun-iṣẹ atunṣe lẹhin-lẹhin wa lẹhin. Ti o ba fẹ aworan rẹ jẹ aworan ti o tobi, ti o ni omi-awọ, iwọ yoo lo ohun-ini yii lati ṣe afihan aworan naa ni ẹẹkan.
lẹhin-tun: ko-tun;
Lai si ohun ini "ti kii ṣe-tun", aiyipada ni pe aworan naa yoo tun sọtun ati siwaju lori oju-iwe naa. Eyi ko jẹ ohun ti o ṣe itẹwọgbà ni awọn oju-iwe ayelujara oju-iwe ayelujara julọ julọ, nitorina a gbọdọ kà ara yii ni pataki ninu CSS rẹ.
Lẹhin-Asopọ
Asopọ apẹrẹ jẹ ohun-ini ti ọpọlọpọ awọn apẹẹrẹ ayelujara n gbagbe. Lilo rẹ ntọju aworan ti o wa ni ipilẹ lẹhin ti o lo "ohun elo" ti o wa titi. O jẹ ohun ti o pe aworan naa sinu omi-omi ti o wa ni oju-iwe naa.
Iye aiyipada fun ohun ini yii ni "yi lọ." Ti o ko ba ṣe afijuwe iye-asomọ asomọ, lẹhin naa yoo yi lọ pẹlu awọn iyokù oju-iwe naa.
lẹhin-asomọ: ti o wa titi;
Iwọn Ikọle
Iwọn iwọn-nla jẹ ohun-ini CSS titun kan. O faye gba o lati ṣeto iwọn ti abẹlẹ kan ti o da lori wiwo ilẹ ti a nwo ni. Eleyi jẹ iranlọwọ pupọ fun awọn aaye ayelujara ti o ṣe idahun ti yoo han ni titobi oriṣiriṣi lori awọn ẹrọ oriṣiriṣi .
lẹhin-iwọn: ideri;
Awọn ipolowo meji ti o le lo fun ohun ini yii ni:
- Ideri - Irẹlẹ lẹhin ki boya iwọn kikun tabi kikun iga ti han. Eyi tumọ si pe awọn ẹya ara ti aworan le ma han loju iboju ṣugbọn pe agbegbe naa yoo bo.
- Ti ni - Ṣe irẹjẹ aworan naa ki gbogbo iwọn ati iyẹwu naa han ni agbegbe ti a ṣe atọwe. A ko le yọ aworan naa kuro, ṣugbọn sisalẹ ni pe awọn apa agbegbe naa ko le bo nipasẹ aworan naa.
Fifi CSS kun si oju-iwe rẹ
Lẹhin ti o ye awọn ohun ti o wa loke ati awọn iye wọn, o le fi awọn aza wọnyi kun si aaye ayelujara rẹ.
Fi eyi ti o tẹle si Ọdọ ti oju-iwe ayelujara rẹ ti o ba n ṣe oju-iwe ayelujara kan-oju-iwe. Fi kun si awọn CSS ti ikede ti ita kan ti o ba n ṣe oju-iwe ayelujara ti opo-oju-iwe ati pe o fẹ lati lo anfani ti awọn ti ita ita.
ara {
aworan-lẹhin: url (/images/page-background.jpg);
lẹhin-tun: ko-tun;
lẹhin-asomọ: ti o wa titi;
lẹhin-iwọn: ideri;
}
// ->
ara>
Yi URL ti aworan ti o wa lẹhin rẹ pada lati baramu pẹlu orukọ faili kan pato ati ọna faili ti o jẹ pataki si aaye rẹ. Ṣe awọn iyipada miiran ti o yẹ lati fi ipele ti aṣa rẹ ṣe daradara ati pe iwọ yoo ni asọ-omi.
O le ṣokasi ipo, Ju
Ti o ba fẹ gbe ibi ifun omi ni ipo kan pato lori oju-iwe ayelujara rẹ, o le ṣe eyi naa. Fun apẹẹrẹ, o le fẹ ifami omi ni arin oju-iwe tabi boya ni igun isalẹ, bi o lodi si igun oke, ti o jẹ aiyipada.
Lati ṣe eyi, fi ohun elo-lẹhin-ipo kun ara rẹ. Eyi yoo gbe aworan naa ni aaye gangan ti o fẹ ki o han. O le lo awọn iwọn ẹbun, awọn ipin-gbigbe, tabi awọn alignment lati ṣe aṣeyọri ipa ipo.
ipo-lẹhin: ile-iṣẹ;