Ako Me pehea te waihanga i nga putea tuatahi o te Fancy Ma te whakamahi i te CSS me nga Images
Akohia me pehea te whakamahi CSS ki te waihanga i nga potae tuatahi mo o pararangi. He ara noa ano te tikanga whakakapi whakaahua hei whakamahi i tetahi ahua whakairoiro mo to potae tuatahi.
Tuhinga Tae o nga Waahi Tuatahi
E toru nga momo tikanga o nga potae tuatahi i roto i nga tuhinga:
- ka tipu ake - ko te nuinga o te waahi, kei hea te reta tuatahi, me te raupapa kotahi ano he kuputuhi o naianei.
- kua heke - he pai rawa hoki, kei reira te reta tuatahi ka nui ake, ka heke iho i raro i te rarangi tuatahi o te kuputuhi. Ko te kuputuhi e whai ake nei ka mokowhiti ana.
- kei te taha tata - kei hea te reta tuatahi i roto i te kotahi o nga kaari i te taha o te toenga o te tuhinga. He mea noa ake tenei i roto i te tuhinga atu i te hoahoa Tukutuku.
He tino waia nga potae tuatahi, nga maturuturu maturuturu ranei. He huarahi pai ki te whakakakahu i nga waahanga roa me nga poauau o te kuputuhi. A ki te taonga CSS: tuatahi-reta, ka taea e koe te tautuhi i nga huarahi hei hanga i o reta tuatahi.
Waihangahia he Tae Tuatahi Maea
Ko nga mea katoa e hiahia ana koe ki te hanga i tetahi putea o te poari tuatahi e whakaarahia ana, ko te hanga i te reta tuatahi o to paraparau ki te rahi me te pseudo-huinga tuatahi:
p: te tuatahi-reta [momotuhi-rahi: 3em; }Engari he maha nga kaituhi e kite ana ko te reta tuatahi he nui ake i te toenga o te tuhinga i runga i te raina, na te mea ka rite ki te mea e tika ana mo taua reta tuatahi, ehara i te toenga o te raina. Ko te ahuareka, he mea ngawari ki te whakatika ki te pseudo-huinga tuatahi me te rawa-aho:
p: te tuatahi-reta [momotuhi-rahi: 3em; } p: raina tuatahi [raina-teitei: 1em; }Patohia te raina aho i roto i to tuhinga kia kitea ra ano te rahi mo to kuputuhi.
Takarohia me to Tae Tuatahi
Kia mohio koe ki te hanga i tetahi potae tuatahi, ka taea e koe te whakakakahu i nga kakahu whakapaipai kia tu ai. Te takaro me nga tae, nga papamuri, nga rohe, me nga mea katoa e pa ana ki a koe. Ko te ahua tinowari ko te whakakore i nga tae o to momotuhi me to tae papamuri mo te reta tuatahi:
p: te tuatahi-reta [momotuhi-rahi: 300%; tae-kara: # 000; tae: #fff; } p: raina tuatahi [raina-teitei: 100%; }Ko tetahi atu mahi ko te whakauru i te raina tuatahi. Ka raweke tenei ki te CSS, he mea rereke te waenganui o te raina kuputuhi mehemea he ngohe noa to tahora. Engari me etahi e taakaro ana ki nga uara, ka taea e koe te tuhi i to raina tuatahi kia nui ai te reta tuatahi ki te waenganui. Me takaro noa ki te paheketanga i runga i te tuhinga-o te paraire tae noa ki te ahua tika:
p: te tuatahi-reta [momotuhi-rahi: 300%; tae-kara: # 000; tae: #fff; } p: raina tuatahi [raina-teitei: 100%; } p [kuputuhi-nuku: 45% ; }He Maamaa ki te CSS nga takutai tuatahi
Ka tino uaua nga kaokae tuatahi ki te CSS no te mea he rereke te whakaatu o nga kaituhi rereke i nga momotuhi. Ko te whakaaro i muri i te waihanga i tetahi potae tata ki CSS ko te whakamahi i nga taonga kuputuhi-i runga i te raina tuatahi hei peke i (te taha maui) he uara kino. Me whakarereke hoki i te taha maui o taua paraka na etahi moni. Whakahauhia ki enei tau tae noa ki te pai o te paraka.
p [kuputuhi-----nuku: -2.5em; taha-maui: 3em; } p: te tuatahi-reta [momotuhi-rahi: 3em; } p: raina tuatahi [raina-teitei: 100%; }Te tiki i nga putea tuatahi
Ko te huarahi pai ki te hanga i tetahi putea whakapaipai pai ko te huri i te momotuhi ki tetahi whanau momotuhi whakapaipai. Ki te whakamahi koe i te raupapa o nga momotuhi e whai ana i te momotuhi tawhito , ka awhina i te tohu e whakaatu pai ana to potae tuatahi kia taea ai e nga kaihoko te kite, me te kore e uru ki nga take whakauru me nga take whaimana.
p: te tuatahi-reta [momotuhi-rahi: 3em; momotuhi-whanau: "Edwardian Script ITC", "Brush Script MT", kanga; } p: raina tuatahi [raina-teitei: 100%; }Na, kia rite ki o mua, ka taea e koe te whakauru i enei whakaaro katoa hei waihanga i tetahi potae tuatahi e whakaatu ana i te ahua ki to parawae.
Te whakamahi i te Tae Tuatahi Matapihi
Mena, i muri mai, kaore koe e pai ki te ahua o to putea tuatahi i runga i te whaarangi, ka taea e koe te uru ki nga whakairoiro hei tiki i te painga tika e rapu ana koe. Engari i mua i to whakatau ki te neke tika ki nga whakairoiro, me mohio koe ki nga paheketanga o tenei tikanga:
- Kaore nga kaihoko me nga whakaahua e kite i te potae tuatahi, a kaore pea e kite i te kuputuhi huna e whakakapihia ana te whakapakoko. Ka taea e tenei te hanga i te waahanga kaore e taea, ko te mea tino uaua ki te korero.
- Ka tautuhi tonu nga whakaahua ki te wa tango o te whārangi. Mena he maha nga putea tuatahi, ka taea e koe te whakanui ake i te wa waahi mo nga mea e whakaarohia ana e te nuinga o te tangata he mea iti.
- Ka whakaatu etahi o nga kaituhi i te reta tuatahi i huna me te whakapakoko - kaore e pai te korero o te kupu paraka.
- He tino uaua ki te huri i tenei kōwhiringa, no te mea kei te mohio koe he aha te reta tuatahi hei whakamahi i te whakairoiro tika. Na, i nga wa katoa ka whakatikahia te pararangi, ka hiahia pea koe ki te waihanga i tetahi whakairoiro hou.
Tuatahi, me hanga e koe te whakairoiro o te reta tuatahi. I whakamahia e ahau te Photoshop hei waihanga i te reta L me te momotuhi "Edwardian Script ITC". I hanga e ahau he nui - 300pt i te rahi. Na ka kuhia e ahau te ahua ki raro i te iti o te reta me te tuhi i te whanui o te whakapakoko me te teitei.
Na ka hanga e ahau he akomanga "capL" mo taku paraka. Koinei taku e tautuhi ai i te ahua hei whakamahi, te arataki (teitei-teitei), me te pera.
Me whakamahi koe i te whanui o te whakapakoko me te teitei ki te whakarite i nga kupu-a-papa me te papa-ki runga. Mo toku ahua L, he hiahia au ki te 95px me te 72px.
p.capL {raina-teitei: 1em; whakaari-image: url (capL.gif); whakahou-whakahou: kore-ano; tuhinga kuputuhi: 95px; tarai-runga: 72px; }Engari ehara i te mea katoa. Mena ka waiho e koe i reira, ka tuhia te reta tuatahi i te paraka - tuatahi me te whakairoiro, na i roto i te tuhinga. Na, i tapiritia e ahau tetahi waahi mo taua kaupapa tuatahi me te "akomanga" o te akomanga - ka korero ki te kaituhi kia kaua e whakaatu i taua reta:
raupapa tuatahi [whakaatu: kahore; }Na ka whakaatu tika te whakairoiro. Ka taea e koe te takaro me te tuhinga-i runga i te parawae kia mauhia te kuputuhi ki te reta, engari e hiahia ana koe ki te whakaatu.