E aʻo pehea e hana ai i nā hopena mua loa o ka hoʻohanaʻana iā CSS a me nā kiʻi
E aʻo i ka hoʻohanaʻana i CSS e hana i nā hopena mua no kāu mau paukū. Aia kekahiʻano hoʻololi kiʻi kūpono e hoʻohana ai i kiʻi kiʻi kiʻi no kou poʻo mua.
Nā Kuleana Kuleana o nā Poʻi mua
Aiaʻekoluʻanoʻano o nā pae mua ma nā palapala:
- kiʻekiʻe - ka mea maʻamau, ma kahi i nui ka huapalapala mua a ma ka lālani hoʻokahi e like me ka'ōlelo i kēia manawa.
- ua hoʻokuʻuʻia -ʻano maikaʻi loa, kahi iʻoi aku ka huapalapala mua a hāʻule i lalo o ka laina mua. ʻO ka hua'ōlelo e pili ana i laila e lele ana.
- ma kahi e pili ana - kahi o ka huapalapala mua i loko o kekahi papalani ma hope o ke koena o ka kikokikona. Ua maʻalahi kēia i ka paʻi ma mua o ka pūnaewele.
ʻO nā lawaiʻa mua a iʻole nā kulu hāʻule paha. He ala maikaʻi loa ia e kāhiko ai i nā wā lōʻihi a me ka wahaheʻe o nā kikokikona. A me ka waiwai CSS: huapalapala mua, hiki iāʻoe ke maʻalahi i keʻano pehea e hana ai i kāu mau leka mua loa.
E hana i kahi poʻo mua mua
ʻO nā mea a pau e pono aiʻoe e hana i kahi'āpana poʻo mua e hiki ke hoʻololi i ka leka mua o kāu palaka me ka pseudo-element first-letter:
p: mua-leta [font-size: 3em; }Akā,ʻike nā meaʻike he nui ka huapalapala mua ma mua o nā koena o nā kikokikona ma ka laina, no laila, ke alakaʻi nei lākou i ke alakaʻi e like me ka mea e pono ai kēlā palapala mua,ʻaʻoleʻo ke koena o ka laina. ʻO kaʻoluʻolu, he maʻalahi kēia e hoʻoponopono ai me ka pseudo-element first-line a me kaʻoihana kiʻekiʻe:
p: mua-leta [font-size: 3em; } p: laina mua [laina-kiʻekiʻe: 1em; }E pāʻani me ke kiʻekiʻe o ka laina i loko o kāu pepa a hiki i kaʻikeʻana i ka nui no kāu kikokikona.
E pāʻani me kou poʻo mua
Ke hoʻomaopopoʻoe i keʻano o ka hanaʻana i kahi pāpale mua, hiki iāʻoe keʻaʻahu i nā kapa nani e hoʻokaʻawale. E pāʻani me nā kala, nā kala hope, nā palena, a me nā mea a pau e kū ai i kou makemake. ʻO kahiʻano maʻalahi ka hoʻololiʻana i nā kala o kāu mīkini a me ka laulā kala no ka huapalapala mua:
p: mua-leta [font-size: 300%; 'olihina-kahe: # 000; ʻilima: #fff; } p: laina mua [laina-kiʻekiʻe: 100%; }ʻO kekahi hana'ē aʻe ke kauʻana i ka lālani mua. Hiki ke hanaʻoluʻolu me CSS,ʻoiai e hiki ke hoʻololi ke kikowaena o ka laina laina inā paʻakikī kāuʻaoʻao. Akā me ka pāʻaniʻana i nā mea waiwai, hiki iāʻoe ke hoʻolālā i kāu laina mua e lawa ai ka huapalapala mua i waenakonu. E pāʻani wale me ka pākēneka ma luna o nā kikokikona o ka paukū a hiki i ka nānā ponoʻana:
p: mua-leta [font-size: 300%; 'olihina-kahe: # 000; ʻilima: #fff; } p: laina mua [laina-kiʻekiʻe: 100%; } pHoʻolālā nā papahana mua e pili ana iā CSS
Hiki ke paʻakikī nā paʻakai mua e pili ana me CSS no ka meaʻokoʻa ke hōʻikeʻokoʻa nā'eneke'ē aʻe i nā momona. ʻO ka manaʻo ma hope o ka hanaʻana i kahi mea e pili kokoke ana i CSS,ʻo ia ka hoʻohanaʻana i ka waiwai kikokikona ma ka laina mua no ka'ōkuhiʻana (i ka hema) i kahi kumu waiwaiʻole. Ponoʻoe e hoʻololi i ka palena hema o kēlā māhele e kekahi mau mea. E pāʻani me kēia mau helu a hiki i ka nānāʻana o ka paraka maikaʻi.
p 'kikokikona: -2.5em; ma ka hema-hema: 3em; } p: first-letter {font-size: 3em; } p: laina mua [laina-kiʻekiʻe: 100%; }Loaʻa i nā'ōkuhi mua
ʻO ke ala maikaʻi loa e hana i kahi pāpale mua maikaʻi,ʻo ia ke hoʻololi i ka polina i kahiʻohana momona hou. Inā hoʻohanaʻoe i keʻano o nā hua'ōlelo a me ka laulima generic , e kōkua ia i ka hōʻoia e hōʻike maikaʻi i kāu pāpale mua e hiki ai i kāu mea kūʻai keʻike aku, me kaʻole e komo i ka pilikino a me nā pilikia pili.
p: mua-leta [font-size: 3em; makua-maʻamau: "Edwardian Script ITC", "Pakuhi Kupanahu MT", pōʻino; } p: laina mua [laina-kiʻekiʻe: 100%; }A, e like me ka manawa mau, hiki iāʻoe ke kau i kēia mau manaʻo a pau e hana i kahi pāpale mua e hoʻolahaʻia i kahi i kāu palakala.
Ke hoʻohana nei i ke Kānāwai Kāleka Hōkū
Inā, ma hope o kēlā mea,ʻaʻoleʻoe makemake i ka nānāʻana o kāu mau pae mua ma kaʻaoʻao, hiki iāʻoe ke hōʻiliʻili i nā kiʻikuhi no ka loaʻaʻana o ka hopena pololei āu eʻimi nei. Akā, ma mua o ka hoʻoholoʻana e neʻe pololei i nā kiʻi kiʻi, ponoʻoe e noʻonoʻo i nā hanana hoihoi o kēiaʻano:
- Eʻikeʻole nā mea kūʻai me nā kiʻiʻole i ka poʻo mua, aʻaʻole paha eʻike i kahi kikokikona i hunaʻia e hoʻololiʻia ke kiʻi. Hiki i kēia ke hoʻoholo i ka palaka ke hikiʻole, aiʻole ka maikaʻi loa e heluhelu.
- Hoʻokomo mauʻia nā kiʻi i kahi manawa o kaʻaoʻao. Inā he nui kou mau wāwae mua, hiki iāʻoe ke hoʻonui i ka manawa hoʻouka no nā mea a nā kānaka e manaʻo ai he meaʻole.
- E hōʻike ana kekahi mau pūnaewele i ka leka uila i huna a me ke kiʻi - hiki ke hoʻololi i ka kikokikona.
- He mea paʻakikī ke hoʻoholo i kēia koho, no ka mea, eʻike ponoʻoe i keʻano o ka huapalapala mua e hoʻohana aiʻoe i ka pakuhi kūpono. No laila, i nā manawa a pau e hoʻoponoponoʻia ai ka pauku, hiki iāʻoe ke hana i kahi kiʻiʻoniʻoni hou.
ʻO ka mea mua, ponoʻoe e haku i ka kiki o ka leka mua. Ua hoʻohana wau i Photoshop e hana i ka leka L me keʻano "Edwardian Script ITC". Ua hana wau i mea nui - 300pt i ka nui. No laila ua hoʻomau wau i ke kiʻi a hiki i kahi palenaʻole o ka leka a uaʻike wau i ke kiʻi a me ke kiʻekiʻe.
A laila ua hana wau i kekahi papa "capL" no koʻu panina. ʻO kēia kahi e wehewehe ai au i ke kiʻi e hoʻohana ai, ke poʻo (line-height), a pēlā aku.
Ponoʻoe e hoʻohana i ka laulā a me ke kiʻekiʻe o kaʻilima no ka hoʻonohonohoʻana i ka paukū a me ka pale. No koʻu kiʻi L, ua makemake au i 95px paʻakikī a 72px.
p.capL laina laina: 1em; kiʻi kiʻi kumu: url (capL.gif); hoʻopilikino-hoʻomanaʻo:ʻaʻole hou; kikokikona: 95px; ka pale-luna: 72px; }Akāʻaʻoleʻo ia wale. Inā haʻaleleʻoe iā ia ma laila, laila e hoʻopili houʻia ka huapalapala mua ma ka pauku - mua me ke kiʻi, a ma ka'ōlelo. No laila, ua hoʻohui hou au i kahi wae mua me ka papa "mua" - a haʻi i ka polokalamu kele pūnaewele e hōʻikeʻole i kēlā leka:
hōʻike wikiwiki: hōʻike; }A laila e hōʻike pololei ana ke kiʻi. Hiki iāʻoe ke pāʻani me ka nūpepa ma ka paukū e kiʻi pololei i ka leka i ka leka, akā makemakeʻoe e hōʻike.