Funda indlela yokudala ii-Caps zokuqala zeCaps usebenzisa iCSS kunye neZithombe
Funda indlela yokusebenzisa i- CSS ukudala ii-caps zokuqala zamaqonga akho. Kukho nesebenzisa umfanekiso olula wokubuyisela ukusetyenziswa komfanekiso wesimboli.
Izitayela eziSiseko zeCaps zokuqala
Kukho iindlela ezintathu ezisisiseko zokuqala kweefowuni kumaphepha:
- ephakanyisiwe - eyona nto ixhaphakileyo, apho incwadi yokuqala ibinkulu kwaye kumgca owodwa njengombhalo okhoyo.
- yehla - nayo iyaqhelekileyo, apho incwadi yokuqala ibinkulu kwaye ihla phantsi ngaphantsi komgca wokuqala wombhalo. Umbhalo olandelayo ujikeleza ngawo.
- ecaleni - apho ikholi yokuqala ekholamini enye ngaphandle kweyonke itekisi. Oku kuqhelekileyo ekuprintweni ngaphandle koyilo lwewebhu.
Iifowuni zokuqala okanye iipoksi zokulahla ziyazi kakuhle. Ziyindlela enhle yokugqoka ngaphandle kwexesha elide kunye neengxowankulu zetekisi. Kwaye kunye nepropati yeCSS: ileta yokuqala, ungachaza ngokucacileyo indlela yokwenza iileta zakho zokuqala zincwadi.
Yakha iCap Initial Cap
Konke okufuneka uyenze ukudala ikhefu yokuqala yokuphakanyiswa kukuqala ukwenza incwadi yokuqala yeqendu lakho likhulu ngobukhulu kunye neleta yokuqala yokubamba iqela:
p: ileta yokuqala {ubungakanani befonti: 3em; }Kodwa ezininzi iiphequluli zibona ukuba incwadi yokuqala ibanzi kunabo bonke abhaliweyo kumgca, ngoko ke bayenza inkokeli elinganayo nento eya kuba nengqiqo kwileta yokuqala, ingeyona enye umgca. Ngenhlanhla, oku kulula ukuyilungisa kunye nomgca wokuqala we-pseudo-element kunye nepropati yokuphakama komgca:
p: ileta yokuqala {ubungakanani befonti: 3em; } p: umgca wokuqala {ukuphakama komgca: 1em; }Dlala ngokuphakama komgca ngaphakathi koxwebhu lwakho de ufumane ubungakanani obufanelekileyo besicatshulwa sakho.
Dlala ngeCape yakho yokuqala
Emva kokuba uqonda indlela yokwenza iphoyinti yokuqala, ungayigqoka kwiingubo ezinqabileyo ukuyenza ibonakale. Dlala ngemibala, imibala yangemvelaphi, imida, okanye nayiphi na into ehlabayo. Isitayela esilula ukuguqula imibala yefonti yakho kunye nombala wesiqalo nje ngencwadi yokuqala:
p: yokuqala ileta {ubungakanani befonti: 300%; Umbala wemibala: # 000; umbala: #fff; } p: umgca wokuqala {ukuphakama komgca: 100%; }Enye inkohliso kukupaka umgca wokuqala. Oku kungakhohlisa ngeCSS, njengoko umgca womgca wokubhaliweyo unokungafani uma ulungiso lwenu luguquguquka. Kodwa kunye nabanye badlala ngeenxa zonke ngeempawu, unokwenza umgca wakho wokuqala ukwanele ukwenza ukuba incwadi yokuqala ibonakale iphakathi. Vele udlale ngepesenti kwi-text-indent yomhlathi uze ubonakale kakuhle:
p: yokuqala ileta {ubungakanani befonti: 300%; Umbala wemibala: # 000; umbala: #fff; } p: umgca wokuqala {ukuphakama komgca: 100%; } {{text-indent: 45% ; }Iimpawu zokuqala eziqhelekileyo zinzima ngeCSS
Iifowuni zangaphambili eziqhelekileyo zinokuba nzima ngeCSS kuba iziphequluli ezahlukeneyo zibonisa iifomthi ngokuhlukileyo. Ingcamango emva kokudala i-cap eduze neCSS kukusebenzisa ipropati-indent yepropati kumgca wokuqala ukuyikhupha ngaphandle (ngakwesobunxele) ixabiso elibi. Uya kufuneka kwakhona utshintshe umda osekhohlo waloo mhlathi ngexabiso elithile. Dlala ngala manani uze umhlathi ukhangele kakuhle.
p {text-indent: -2.5em; umda osekhohlo ekude: 3em; } p: yokuqala ileta {ubungakanani befonti: 3em; } p: umgca wokuqala {ukuphakama komgca: 100%; }Ukufumana iiPaps zokuQala eziPhambili
Indlela eyona ndlela yokudala i-cap yasekuqaleni ifanele ukutshintsha ifayili kwintsapho yefonti yokuhlobisa. Ukuba usebenzisa uluhlu lwemilo elandelwa yipolisi yobudala , kuya kunceda ukuqinisekisile ukuba i-cap yakho yokuqala ibonisa kakuhle ukuba abathengi bakho bayayibona, ngaphandle kokungena kwiinkalo zokufikeleleka.
p: ileta yokuqala {ubungakanani befonti: 3em; Ubume bentsapho: "I-Edwardian Script ITC", "Hlaziya i-Script Script", i-cursive; } p: umgca wokuqala {ukuphakama komgca: 100%; }Kwaye, njengesiqhelo, unokubeka ndawonye zonke ezi ziphakamiso ukudala iqhosha lokuqala leetengiso kumhlathi wakho.
Ukusebenzisa iCopal Initial Cap
Ukuba, emva kwayo yonke into, awuyithandi indlela iifowuni zakho zokuqala ezibukeka ngayo kwiphepha, unokwakheka kwimifanekiso ukuze ufumane impembelelo ngqo. Kodwa ngaphambi kokuba uthathe isigqibo sokuhambela ngqo kwimifanekiso, kufuneka uqaphele ukungaphumeleli kwindlela:
- Abathengi abangenayo imifanekiso abayi kubona i-cap yokuqala, kwaye bangaboni umbhalo ofihliweyo ukuba umfanekiso uthathe indawo. Oku kunokukwenza ukuba umhlathi ungeneki, okanye kunzima ukuwufunda.
- Izithombe zihlala zongeza kwixesha lokukhuphela kwephepha. Ukuba uninzi lweefowuni zokuqala, unokwandisa ngokukhawuleza ixesha lokukhusela into eninzi abantu abayivakalelwa kukuba ayibalulekanga.
- Ezinye iiphequluli ziza kubonakalisa zombini ileta yokuqala efihliweyo kunye nomfanekiso - okwenza ukuba umhlathi ukhangeleke.
- Kunzima ukuzenzekelayo le nketho, njengoko kufuneka ukwazi kakuhle ukuba yintoni incwadi yokuqala ukuba usebenzise umzobo ochanekileyo. Ngoko, yonke ixesha umhlathi uhlelwe, ungadinga ukudala umzobo omtsha.
Okokuqala, kufuneka udale umzobo wencwadi yokuqala. Ndasebenzisa i-Photoshop ukudala ileta L ngefonti "i-Edwardian Script ITC". Ndenze enkulu - 300pt ngobukhulu. Emva koko ndawunqumla umfanekiso ukusa ubuncinci malunga neleta kwaye ndaqaphela ububanzi bomfanekiso nobude.
Emva koko ndadala iklasi "capL" kumhlathi wam. Yilapho ndichaza khona imifanekiso esetyenziswayo, inkokheli (ukuphakama komgca), njalo njalo.
Kufuneka usebenzise ububanzi bomfanekiso kunye nokuphakama ukuseta isicatshulwa somhlathi kunye nephezulu. Ngomfanekiso wam L, ndifuna i-95px indent kunye ne-72px padding.
p.capL {ukuphakama komgca: 1em; umfanekiso wesemvelaphi: url (capL.gif); imvelaphi-uphinda: akukho-phinda; i-indent-indent: 95px; i-padding-top: 72px; }Kodwa akukho konke. Ukuba uyishiya khona, ngoko ke incwadi yokuqala iya kuphinda ichazwe kumhlathi - okokuqala ngombala, ngoko kwimiyalezo. Ngoko ke, ndongezelela i-span malunga nento yokuqala kunye neklasi "yokuqala" - kwaye wachaza isiphequluli ukuba angayibonakalisi loo leta:
span.initial {boniswa: akukho; }Kwaye umzobo ubonisa ngokuchanekileyo. Uyakwazi ukudlala ngetekisi-intendelezo kumhlathi ukuze ufumane umbhalo ogqityiweyo ngqo kwileta, nangona ungathanda ukuba ubonise.