Phunzirani momwe Mungapangire Fancy Initial Caps Pogwiritsa Ntchito CSS ndi Zithunzi
Phunzirani momwe mungagwiritsire ntchito CSS kuti mupange makapu oyambirira a ndime yanu. Pali ngakhale chithunzi chophweka chotsitsimutsa kuti mugwiritse ntchito chithunzi chachithunzi cha kapu yanu yoyamba.
Makhalidwe Oyambirira a Poyamba Akapolo
Pali njira zitatu zoyambirira zojambula zoyambirira pazinthu:
- anakulira - omwe amapezeka kwambiri, pamene kalata yoyamba ndi yayikulu komanso pamzere wofanana ndi wamakono.
- amatsika - komanso amodzimodzi, pamene kalata yoyamba ndi yaikulu ndipo imatsika pansi pa mzere woyamba. Malemba otsatirawa akuyandamazungulira.
- pafupi - kumene kalata yoyamba ili mu khola limodzi pambali pazolembedwa zonsezo. Izi zimakhala zofala kwambiri kuposa kusindikiza Web.
Makapu oyambirira kapena makoswe akudziwika bwino. Ndi njira yabwino kwambiri yodzikongoletsera nthawi yaitali komanso yosasangalatsa. Ndipo ndi katundu wa CSS: kalata yoyamba, mungathe kufotokozera momwe mungapangire makalata anu oyambirira.
Pangani Chidule Choyamba Chachi
Zonse zomwe mukuyenera kuchita kuti mupange kapu yosavuta yoyamba ndiyo kupanga kalata yoyamba ya ndime yanu yayikulu kukula ndi kalata yoyamba pseudo-element:
p: kalata yoyamba {font-size: 3em; }}Koma makasitomala ambiri amaona kuti kalata yoyamba ndi yayikulu kuposa zonse zomwe zili pamzerewu, kotero zimatsogolera zomwe zingakhale zomveka pa kalata yoyamba, osati mzere wonsewo. Mwamwayi, izi n'zosavuta kukonza ndi mzere woyamba pseudo-element ndi katundu wamtunda-katundu:
p: kalata yoyamba {font-size: 3em; } p: mzere woyamba {kutsitsa-kutalika: 1em; }}Sewani ndi kutalika kwa mzere mkati mwa chilemba chanu mpaka mutapeza kukula kolondola kwalemba lanu.
Sewani ndi Cap Yanu yoyamba
Mukamvetsetsa momwe mungapangire kapu yoyamba, mukhoza kuvala zovala zokongola kuti zikhale bwino. Sewani ndi mitundu, mitundu ya m'mbuyo, malire, kapena chilichonse chimene chimakukhudzani. Ndondomeko yosavuta ndikutembenuzira mitundu ya maonekedwe ndi maonekedwe anu kwa kalata yoyamba:
p: kalata yoyamba {font-size: 300%; zojambulajambula: # 000; mtundu: #fff; } p: mzere woyamba {kutsitsa-kutalika: 100%; }}Chinthu chinanso choyipa ndicho kuika mzere woyamba. Izi zingakhale zonyansa ndi CSS, monga pakati pa mndandanda wazithunzi zingakhale zosiyana ngati chigawo chanu chimasintha. Koma ndi ena akusewera mozungulira ndi zikhulupiliro, mukhoza kupanga mzere wanu woyamba kuti kalata yoyamba ioneke pakati. Ingosewera ndi peresenti pazolemba-ndondomeko ya ndime kufikira zikuwoneka bwino:
p: kalata yoyamba {font-size: 300%; zojambulajambula: # 000; mtundu: #fff; } p: mzere woyamba {kutsitsa-kutalika: 100%; } p {malemba-indent: 45% ; }}Zowonongeka Zoyamba za Caps ndizovuta ndi CSS
Makapu oyambirira omwe angakhale ovuta angakhale ovuta ndi CSS chifukwa osakaniza osiyana akuwonetsera ma fonti mosiyana. Lingaliro la kumbuyo kulenga kapu yoyandikana mu CSS ndiko kugwiritsa ntchito chida-choyimira katundu pa mzere woyamba kuti ukankhire kunja (kumanzere) mtengo woipa. Muyeneranso kusintha mbali ya kumanzere ya ndimeyo ndi ndalama. Sewani ndi manambalawa mpaka ndimeyo ikuwoneka bwino.
p {malemba-indent: -2.5em; mbali ya kumanzere: 3em; } p: kalata yoyamba {font-size: 3em; } p: mzere woyamba {kutsitsa-kutalika: 100%; }}Kupeza Caps Choyambirira Choyambirira
Njira yabwino yopangira kapu yoyamba ndiyo kusintha mndandanda ku banja losangalatsa kwambiri. Ngati mumagwiritsa ntchito ma felemu otsatiridwa ndi apulogalamu yowonjezera , zidzatsimikizira kuti kapu yanu yoyamba ikuwonetsa bwino kuti makasitomala anu awone, popanda kulowa muzowonjezera ndi zofunikira.
p: kalata yoyamba {font-size: 3em; font-family: "Edwardian Script ITC", "Brush Script MT", cursive; } p: mzere woyamba {kutsitsa-kutalika: 100%; }}Ndipo, monga mwachizolowezi, mungathe kuyikapo malingaliro onsewa palimodzi kuti mupange kapu yoyamba yomwe malonda amavomereza ndime yanu.
Kugwiritsa ntchito Capal Initial Cap
Ngati, pambuyo pa zonsezi, simukukonda momwe makapu anu oyambirira akuyang'ana pa tsamba, mukhoza kugwiritsa ntchito zithunzi kuti mupeze zotsatira zomwe mukuzifuna. Koma musanasankhe kusuntha zithunzi, muyenera kudziwa zovuta za njirayi:
- Amakono opanda zithunzi sawona kapu yoyamba, ndipo sangathe kuwona malemba obisika omwe fanolo likulowetsa. Izi zingachititse ndimeyo kuti ifike povuta, kapena povuta kuwerenga.
- Zithunzi nthawi zonse zowonjezera nthawi yowonjezera ya tsamba. Ngati muli ndi zipewa zambiri, mungathe kuwonjezera nthawi yowonjezera kuti anthu ena amve kuti ndi osafunika.
- Zigawuni zina zidzawonetsera kalata yoyamba yobisika ndi fano - zomwe zingapangitse ndimeyi kukhala yosamvetsetseka.
- Zili zovuta kuti musankhe njirayi, monga mukudziwira kuti kalata yoyamba ndi yotani kuti mugwiritse ntchito zojambula zolondola. Kotero, nthawi iliyonse ndimeyi ikasinthidwa, mungafunikire kupanga chithunzi chatsopano.
Choyamba, muyenera kupanga chithunzi choyamba cha kalata yoyamba. Ndinagwiritsa ntchito Photoshop kuti ndipange kalata L ndi ndondomeko "Edwardian Script ITC". Ndinapanga zazikulu - 300pt mu kukula. Kenaka ndinagwedeza chithunzicho mpaka pansi polemba chilembo ndikuzindikira kukula kwa chifaniziro ndi kutalika kwake.
Kenaka ndinapanga gulu "capL" la ndime yanga. Apa ndikutanthauzira chithunzi chomwe ndikugwiritsa ntchito, chitsogozo (kutalika kwa mzere), ndi zina zotero.
Muyenera kugwiritsa ntchito chithunzi chachitali ndi msinkhu kuti muike chizindikiro cha ndime ndi papepala. Kwa chithunzi changa L, ndinkafuna 95px indent ndi 72px padding.
p.capL {mzere-mzere: 1em; Chithunzi chakumbuyo: url (capL.gif); maziko-kubwereza: osabwereza; ndondomeko yamalemba: 95px; padding-top: 72px; }}Koma sizo zonse. Ngati mutachoka pamenepo, ndiye kuti kalata yoyamba idzaphatikizidwa mu ndime - yoyamba ndi zojambulazo, ndiye muzolemba. Kotero, ine ndinaphatikizapo mphindi kuzungulira gawolo loyamba ndi kalasi "poyamba "_ndipo ndinauza osatsegula kuti asawonetse kalata ija:
span.initial {kuwonetsa: palibe; }}Ndipo zojambulazo ndiye zikuwonetsa molondola. Mukhoza kusewera ndi ndemanga-ndemanga pa ndime kuti mutenge mawuwo mpaka kalata, ngakhale mukufuna kuti iwonetsedwe.