Ko etahi o koutou e tuhi ana i te HTML mo te wa roa ka mahara pea ki te huanga. Koinei te kaupapa motuhake a te rorohiko-i hangaia he haki o te kuputuhi hurihuri puta noa i te mata. Ko tenei kaupapa kaore i tapiritia ki te waahanga HTML me te tautoko mo te rereke puta noa i nga kaituhi. He maha nga whakaaro o nga tangata mo te whakamahinga o tenei huanga - he pai me te kino. Engari, ahakoa i aroha koe, i kinongia ranei, i whakamahia e koe te kaupapa o te whakauru i nga ihirangi i whakakorea i nga rohe o te pouaka.
Ko tetahi o nga take kaore i tino whakatinanahia e nga kaituhi, kaore i te whakaaro nui ake, ko te whakaaro he mea ataata me te penei, kaua e tautuhia e te HTML, e whakaatu ana i te hanganga. Engari, ko CSS te whakahaere i nga tirohanga tirohanga me te whakaaturanga. A ka whakaurua e CSS3 te module tohu ki te whakahaere i te ahua o nga kaiwhakamahi ki te whakauru i te awe tohu ki nga huānga.
Nga Kamupene CSS3 hou
Ka whakaratohia e CSS3 nga āhuatanga hou e rima hei awhina i te whakahaere i to whakaaturanga i roto i te tohu: te hanganga waipiro, te tohu-tohu, te tohu-tohu-taatau, te tohu-tohu me te tohu-tere.
te hanganga waipuke
Ko te taonga tahua-waihanga (i korero ano ahau i te tuhinga CSS Overflow) e tautuhi ana i te ahua pai mo nga ihirangi ka whakaekea te pouaka ihirangi. Mena kua tautuhia e koe te uara ki te tohu-tohu, ki te tohu-poraka ranei, kei te taha ki maui / matau (aho-tohu) ranei te taha ki te taha maui / matau.
tohu-tohu
Ka tautuhia e tenei taonga te ahuatanga o te ihirangi ki te tiro (me waho).
Ko nga kōwhiringa he panui, he kiriata, he rereke. Ka tīmata te panuku me te ihirangi i te mata o te mata, a ka neke haere noa i te waahanga kitea tae noa ki te whakakore katoa i te mata. Ka tīmata te kiriata ki te ihirangi ka mutu i te mata, a ka neke haere noa a tae noa ki te mea kua nekehia te ihirangi ki runga ki te mata, kaore ano he mea ka mahue ki te kiriata i te mata.
Ko te mea whakamutunga, ko te mea e rereke ana i nga korero mai i tetahi taha ki tetahi taha, e whakaheke ana, e haere ana.
tohu-taka-tatau
Ko tetahi o nga painga o te whakamahi i te kaupapa MARQUEE ko te kore o te tohu e mutu. Engari me te tahua-a-papa-taaka-a-ringa-taonga ka taea e koe te whakaturia te tohu ki te huri i te ihirangi ki runga, ki waho hoki mo etahi wa maha.
tohu-tohu
Ka taea hoki e koe te whiriwhiri i te ahunga kia hurihia te tuhinga ki te mata. Ko nga uara ki mua me te whakawhitinga e ahu ana ki te waahanga o te kuputuhi ina he tohu-reera te ahua o te waipuke-ki runga, ki raro ranei i te wa e tohuhia te hanganga-waipuke.
Ngā Taipitopito Whakahaere Marquee
| te hanganga waipuke | Te Reo Reo | Tuhinga o mua | whakahou |
|---|---|---|---|
| raina-tohu | ltr | maui | tika |
| rtl | tika | maui | |
| tohu-poraka | ake | ki raro |
tohu-tere
Ka whakatauhia e tenei rawa te hohoro o nga panui ihirangi kei runga i te mata. He ngawari te uara, te tikanga, me te nohopuku. Ko te tere tere kei runga i nga ihirangi me te whakaatu i te rorohiko, engari ko nga uara me tere ake te pupuhi ake i te waa noa atu i te tere.
Tautoko Pūtirotiro o nga Taonga Marquee
Ka hiahia pea koe ki te whakamahi i nga mua o te kaihoko ki te mahi i nga kaupapa tohu tohu CSS. Ko enei e whai ake nei:
| CSS3 | Kaihoko Putea |
|---|---|
| rewa-x: raina-tohu; | te waipuke-x: -webkit-marke; |
| tohu-tohu | -a-roopu-tohu-momo |
| tohu-taka-tatau | -webkit-brande-tautuhi |
| tohu-tohu: whakamua | -arangi-tohu-tohu-aronga: whakamua ki muri; |
| tohu-tere | -arangi-tohu-tere |
| kahore he rite | -a-ropu-tohu-whakauru |
Ko te taonga whakamutunga ka taea e koe te tautuhi i te rahi me te iti o nga taahiraa kia rite ki nga panui ihirangi i runga i te mata i te tohu.
Hei mahi i to tohu, me waiho te kaihoko i mua i nga uara tuatahi, ka whai mai ki nga uara CSS3. Hei tauira, koinei te CSS mo tetahi tohu e tuhi ana i te kuputuhi e rima nga wa mai i te maui ki te taha matau ki roto i te pouaka 200x50.
{
whanui: 200px; teitei: 50px; maama-mokowhiti: panuku;
te waipuke: huna;
te waipuke-x: -webkit-marke;
-webkit-marke-direction: whakamua;
-aaputa-tohu-momo: panuku;
-webkit-marke-tere: noa;
-aapiringa-tohu-whakarahi: iti;
-aapiripiri-tohu-tunu: 5;
rewa-x: raina-tohu;
tohu-tohu: whakamua;
tohu-momo: panuku;
tohu-tere: noa;
tohu-a-taatau-tatau: 5;
}