Funda ukuphucula i-Website yakho
Ukufunda indlela yohlobo lweefom ngeCSS yindlela enkulu yokuphucula ukubonakala kwewebhusayithi yakho. Iifom ze HTML zichanekileyo phakathi kwezinto ezimbi kunazo zonke kumaphepha amaninzi ewebhu. Bahlala bexhaphaza kwaye basebenzisiwe kwaye banganikeli kakhulu ngendlela yesitayela.
Nge CSS, oku kungatshintsha. Ukudibanisa i-CSS kunye neetekisi zefomu eziphambili zikwazi ukuhambisa iifom ezibukeka kakuhle.
Shintsha i mibala
Kanye njengoko kubhaliweyo, ungatshintsha imbala kunye nemvelaphi yangemvelaphi yefomu.
Indlela elula yokutshintsha umbala wesiqendu phantse zonke iifom zefom usebenzise umgangatho wemibala yangasemva kwitekisi yokufaka. Ngokomzekelo, le khowudi isebenza umbala webala lohlaza (# 9cf) kuwo onke amanqaku.
igalelo {
umbala ongasemva: # 9cf;
umbala: # 000;
}
Ukutshintsha umbala ongasemva kwezinto ezithile zefomu, faka kuphela i-textarea kwaye ukhethe kwisitayela. Umzekelo:
igalelo, textarea, khetha {
umbala ongasemva: # 9cf;
umbala: # 000;
}
Qiniseka ukuba utshintshe umbala wombhalo xa wenza umbala wakho wemvelaphi mnyama. Imibala eyahlukileyo inceda ukwenza iifom zefomu zibe ngaphezulu. Umzekelo, umyalezo kumbala obomvu obomvu ufundeka ngokulula xa umbala obhaliweyo ubumhlophe. Umzekelo, le khowudi ifaka umbhalo obomhlophe kwimvelaphi ebomvu.
igalelo, textarea, khetha {
Umbala wemibala: # c00;
umbala: #fff;
}
Ungakwazi ukubeka umbala wesiqhelo kwifom yefom ngokwalo. Khumbula ukuba itekisi yefom yinto ebalulekileyo , ngoko umbala uzalisa kwisixande sonke, kungekhona nje indawo yezinto.
Ungafaka imvelaphi ephuzi kwisakhi sebhloko ukwenzela ukuba ummandla uphume, njengale:
ifomu {
umbala wemibala: #ffc;
}
Yongeza iMida
Njengemibala, ungatshintsha imida yezinto ezahlukeneyo zefomu. Ungongeza omnye umda ngeenxa zonke kwifom. Qinisekisa ukuba ungeze i-padding, okanye iifom zakho zefom ziya kulungiswa ngqo ngasekupheleni komda.
Nasi umzekelo wekhowudi yomda omnyama we-pixel kunye ne-pixels e-5 yokupakisha:
ifomu {
Umda: 1px i-# 000 eqinile;
ukupakisha: 5px;
}
Ungafaka imida ngaphaya kwefomu ngokwayo. Sitshintsha umda wezinto zokufakelwa ukwenza ukuba zime:
igalelo {
Umda: 2px udlule # c00;
}
Qaphela xa ufaka imida kwiibhokisi zengeniso njengoko zijonga ngaphantsi njengeibhokisi zenkxaso ke, kwaye abanye abantu abanako ukuqonda ukuba bangazalisa ifom.
Ukudibanisa Iifayile zendlela
Ngokubeka ndawonye iifom zakho zefom ingcinga kunye neCSS, unokwenza ifom ekhangelekayo egcwalisa uyilo kunye nesakhiwo sesayithi lakho.