Tangohia te Hononga Tautuhinga, Waihanga Tapaha Whakamutunga, ranei Hononga Tuarua Whakamahia
Ma te taunoa, ka tirotirohia e te tukutuku etahi momo CSS ka whakamahi ratou ki nga huānga HTML motuhake. Mena kaore koe e tuhi i enei hapa ki nga pepa ahua o to papaanga, ka whakauruhia nga hapa. Mo nga honongaitua, ko te ahua whakaatu whakaatu taunoa ko tetahi kuputuhi hono e puru ana, e whakamaramahia ana.Ko te tirotiro tenei kia taea ai e nga manuhiri o te pae te kite i nga tuhinga e honoa ana. He maha nga kaihoahoa tukutuku e kore e tiaki i enei momo taunoa, ina koa ko nga waahanga. Mauruuru, CSS he mea ngawari ki te whakarereke i te ahua o te hunga e tohu ana, te tango ranei i nga mea katoa.
Tangohia ana te Raina i runga i nga Hononga Kuputuhi
Ka taea e te kuputuhi kua tohua ake te uaua ki te tai i taua tuhinga kaore i tuhia. I tua atu, he maha noa nga kaihoahoa e kore e aro ki te titiro o nga hononga kuputuhi kua tautuhia. I enei wa, ka hiahia pea koe ki te tango i enei waahanga katoa.
Hei tango i nga waahanga mai i nga hono kuputuhi, ka whakamahi koe i te whakapaipai kuputuhi taonga CSS. Tenei ko te CSS ka tuhia e koe ki te mahi i tenei:
he [ahua-whakapaipai: kahore; }
Ki tenei raina o CSS, ka whakakorehia e koe te raina i nga hononga kuputuhi katoa. Ahakoa he ahua tino nui tenei (kei te whakamahia e ia he kaiwhiwhi kaupapa), he mea tino nui atu i nga momo tahua taunoa. No te mea ko aua momo taunoa he aha te waihanga i nga waahanga ki te timata me, koinei te mea e hiahia ana koe ki te tuhirua.
He Whakatupato ki te tango i nga Tauanga
I te tirohanga, ko te tango i nga waahanga ka rite tonu ki nga mea e hiahia ana koe ki te whakatutuki, engari kia tupato koe ina mahi ano koe i tenei. Ahakoa e ahuareka ana koe ki nga hononga kua whakahuahia, kaore ranei, kaore e taea e koe te tautohetohe e whakaatuhia ana he aha te kuputuhi e honoa ana me te kore. Mena ka tangohia e koe te whakakore, te whakarereke ranei i te tae honorangi puru, me tino whakarite koe ki te whakakapi ia ratou ki nga momo e whakaae tonu ana kia tuhia te kuputuhi hono. Ka waiho tenei hei wheako ake mo nga manuhiri o to pae.
Kaua e Whakaritea Kore Nga Hononga
Ko tetahi atu tohutohu i runga i nga hononga me te whakahua, kaua e tuhihia te kuputuhi ehara i te hononga hei huarahi whakahirahira. Kua tae mai nga tangata ki te whakaaro ki te tuhi i te kuputuhi hei hono, na ki te tuhia e koe te ihirangi kia pai ake ai te whakamahara (kaore i te maia, ka whakatinanahia ranei), ka tukuna e koe te karere kino, ka raru i nga kaiwhakamahi pae.
Hurihia te Taerangi ki Nga Tae, Nga Tahae ranei
Ki te hiahia koe ki te pupuri i to hononga hono kuputuhi, engari ka huri i te ahua o tera rarangi mai i te titiro taunoa, he rarangi "soldi", ka taea hoki e koe tenei. I tua atu i taua raina pakiaka, ka taea e koe te whakamahi i nga tohu hei tautuhi i o hononga. Ki te mahi i tenei, ka whakakore tonu koe i te raina, engari ka hurihia e koe ki te taonga tahua rohe-raro:
he [ahua-whakapaipai: kahore; rohe-raro: 1px i tohua; }Mai i te mea kua nekehia e koe te paerewa paerewa, ko te toronga ko te kotahi anake e puta ana.
Ka taea e koe te mahi i te mea ano kia pai ai te pupuhi. Whakatika noa i te kāhua rohe-raro ki te pakaru:
he [ahua-whakapaipai: kahore; raina-raro: 1px tahuna; }Hurihia te Tae Tae
Ko tetahi atu huarahi ki te toronga i te aro ki o hononga ko te huri i te tae o te raina. Me whakarite noa i te tae ki te paanga o te tae .
he [ahua-whakapaipai: kahore; rohe-raro: 1px whero pakari; }Nga Whakaritenga Tuarua
Ko te tukanga ki te whakamahi i te rua o nga waahanga ko te whakarereke i te whanui o te rohe. Mena ka hangaia e koe he rohe whānui 1px, ka mutu koe me te taapirua e rua e ahua ana i te raupapa kotahi.
he [ahua-whakapaipai: kahore; rohe-raro: 3px rua; }Ka taea hoki e koe te whakamahi i te rarangi o te waitohu hei whakauru i te waahanga tuarua me etahi atu āhuatanga, penei i tetahi o nga rarangi e tohu ana:
he rohe-raro: 1px rua; }Kaua e wareware i te Hononga Hononga
Ka taea e koe te tāpiri i te kāhua rohe-raro ki ō hononga ki ngā āhua rerekē pēnei i: hover,: kaha, ranei: i tae mai. Ka taea e tenei te waihanga i te wheako ahua pai "rollover" mo nga manuhiri ina whakamahi koe i taua akomanga "hover". Hei whakaatu i te rua o nga tohu kua whakaatuhia i te wa e whakakorehia ai te hono:
he [ahua-whakapaipai: kahore; } a: hover [rohe-raro: 1px kua tohua; }He tuhinga taketake na Jennifer Krynin. I whakatikaia e Jeremy Girard