Imifanekiso Yakho Imifanekiso uze usebenzise Imifanekiso kwiTyles
Abantu abaninzi basebenzisa iCSS ukulungelelanisa itekisi, ukuguqula umgca, umbala, ubungakanani kunye nokunye. Kodwa enye into abantu abaninzi bayayikhohlwa kukuba ungasebenzisa iCSS kunye nemifanekiso.
Ukutshintsha umfanekiso
I-CSS ikuvumela ukuba ulungele indlela umfanekiso ubonisa ngayo kwiphepha. Oku kunokuba luncedo kakhulu ukugcina iphepha lakho lihambelana. Ngokuseta izitayela kuzo zonke iifoto, udala ukujonga ngokusemgangathweni imifanekiso yakho. Ezinye zezinto onokuzenza:
- Yongeza umngcele okanye ucacise imifanekiso emfutshane
- Susa umda ombala ojikeleze imifanekiso edibeneyo
- Ukulungisa ububanzi kunye / okanye ukuphakama kwemifanekiso
- Yongeza isithunzi somthunzi
- Jikela umzobo
- Tshintsha izitayela xa umfanekiso ugciniwe
Ukunika umfanekiso wakho umda yindawo enkulu yokuqala. Kodwa kufuneka uqwalasele ngaphezu komda - cinga ngomda wonke womfanekiso wakho kwaye ulungelelanise imida kunye nokudibanisa . Umfanekiso onomda omnyama omnyama ukhangeleka kakuhle, kodwa ukongeza i-padding phakathi komda kunye nomfanekiso unokujonga kangcono.
img {
Umda: 1px omnyama oqinileyo;
ukupakisha: 5px;
}
Ingcinga efanelekileyo yokuhlala idibanisa imifanekiso engabonakaliyo , xa kunokwenzeka. Kodwa xa uyenzayo, khumbula ukuba ezininzi iiphequluli zongeza umda ombala kumzobo. Nokuba usebenzise le khowudi ingentla ukuba utshintshe umda, ikhonkco iya kugqitha ukuba ngaphandle kokuba ususe okanye utshintshe umngcele kwikhonkco. Ukwenza oku kufuneka usebenzise umthetho we-CSS wabantwana ukuze ususe okanye utshintshe umda ojikeleze imifanekiso edibeneyo:
img> i {
umda; akukho;
}
Ungasebenzisa kwakhona iCSS ukutshintsha okanye ukubeka ubude nobubanzi beemifanekiso zakho. Nangona akusiyo ingcamango enkulu yokusebenzisa isiphequluli ukulungisa ubungakanani bezithombe ngenxa yokukhawuleza ukukhawuleza, bafumana bhetele ngakumbi ekuguquleni imifanekiso ukuze bajonge kakuhle. Kwaye kunye neCSS unako ukubeka imifanekiso yakho kubo bonke ububanzi obude okanye ubude okanye nokuba kusethe ubungakanani bokuba luhambelana nesiqulatho.
Khumbula, xa uhlalutya imifanekiso, iziphumo ezilungileyo, kufuneka uhlalutye kuphela umlinganiselo omnye - ukuphakama okanye ububanzi. Oku kuya kubangela ukuba umfanekiso ugcine ubungakanani bawo, kwaye ke awubukeli umda. Hlela enye ixabiso kwi-auto okanye uyishiye ngaphandle ukuxelela isiphequluli ukuba ugcine umlinganiselo wendlela ifana.
img {
ububanzi: 50%;
ukuphakama: auto;
}
I-CSS3 inikezela isisombululo kule ngxaki kunye neepropati ezintsha izinto ezifanelekileyo kunye nezikhundla. Ngaloo mhlaba uza kuba nokukwazi ukuchaza ukuphakama komfanekiso kunye nobubanzi kunye nendlela umlinganiselo wendlela ifanele ukuphathwa ngayo. Oku kunokudala iibhokisi zebhokisi ezenzakalisa imifanekiso yakho okanye ukuqokelela ukuze ufumane umfanekiso ulingane nobukhulu obufunekayo.
Nangona iipropati ze-CSS3 ezingafanelekanga kunye nezikhundla ezingaxhaswanga ngokubanzi, zikho ezinye iipropati zeCSS3 ezixhaswa kakuhle kwiziphequluli ezininzi zanamuhla ongayisebenzisa ukuguqula imifanekiso yakho. Izinto ezinjengamathunzi ezitshizi, iingqungquthela ezijikeleziweyo, kunye nokuguqulwa ukujikeleza, i-skew, okanye ukuhambisa imifanekiso yakho yonke isebenze ngoku kuninzi kwiziphequluli ezininzi zanamhlanje. Unako ukusebenzisa iinguqu zeCSS ukwenza iimifanekiso ziguqulwe xa zikhutshwe ngaphezulu, okanye zicofa, okanye emva kwexesha elithile.
Ukusebenzisa iMifanekiso njengeMvelaphi
I-CSS yenza kube lula ukudala imvelaphi enemifanekiso kunye nemifanekiso yakho.
Unokongeza imvelaphi kwiphepha lonke okanye kwinto ethile. Kulula ukwenza umfanekiso wesiqalo kwiphepha kunye nepropati-umfanekiso wesakhiwo:
umzimba {
umfanekiso wesemvelaphi: url (yangaphambili);
}
Shintsha umkhethi womzimba kwindawo ethile kwiphepha ukubeka imvelaphi kwinto enye kuphela.
Enye into ejabulisayo ongayenza ngemifanekiso yakha umfanekiso wesiqalo ongaphethiyo kunye nalo lonke iphepha - njengetermarket. Usebenzisa nje isalathisi sangasemva kwesitayela: ulungiswe; kunye nomfanekiso wakho wemvelaphi. Ezinye iindlela ezivela kwimvelaphi yakho ziquka ukuzenza tile nje ngokuzenzekelayo okanye ngokuzenzekelayo usebenzisa ipropati ephindaphindiweyo-propati.
Bhala umxholo-phinda: phinda-x; ukuwutyalela umfanekiso ophezulu kunye nokuphindaphinda kwesiqhelo: phinda-y; ukucwangcisa i-tile. Kwaye unako ukubeka umfanekiso wakho wesiqalo kunye nepropati-indawo ye-post.
Kwaye i-CSS3 idibanisa izitayela ezininzi zemvelaphi yakho. Unokwelula imifanekiso yakho ukuze ulungele nayiphi na imvelaphi yesayizi okanye usethe umfanekiso wesiqhelo ukulinganisa ngobukhulu befestile . Ungatshintsha indawo kwaye uqhotyoshele umfanekiso wesemva. Kodwa enye yezinto ezilungileyo ngeCSS3 kukuba unako ukubeka imifanekiso emininzi imvelaphi ukudala imiphumo embi kakhulu.
I-HTML5 Inceda amaFayili wesitayela
ISIGABA ESIFUNDILEYO ku-HTML5 sifanele sibekwe ngapha nasiphi na imifanekiso enokuma yedwa kwiphepha. Enye indlela yokucinga ngayo ukuba umfanekiso ungabonakala kwisihlomelo, ngoko kufuneka ube ngaphakathi kwinqanaba le-FIGURE. Ungasebenzisa loo nto kunye nento yeFIGCAPTION ukufaka izitayela kwimifanekiso yakho.