Pehea e hoʻololi ai i ka loulou ma kahi pūnaewele

Wehe i ka pūnaewele ma lalo o ka hoʻohui a iʻole ka hanaʻana i ka hoʻohuiʻiaʻana o nā loulou

Ma ka lapa, pūnaewele pūnaewele i kahi mau CSS e hoʻohui nei lākou i nā mea kikowaena HTML. Ināʻaʻoleʻoe e kākau i kēia mau paʻi me nā pūnaewele kāhili pono'ī o kāu pūnaewele, a laila e hoʻopiliʻia nā pākeke. No nā lika lihiliʻi,ʻo ka hōʻike hōʻike keleponaʻo ka hōʻailona o nā mea i kākauʻia a hoʻohālikelikeʻia. Ke hana nei kēia mea i mea e hiki ai i nā poʻe malihini ke kikowaena keʻike i nā mea i pili. ʻAʻole mālama nui nā mea hoʻolālā pūnaewele i kēiaʻano paʻakikī,ʻoiai nā mea i kākauʻia. Mahalo, hiki i ka CSS ke maʻalahi e hoʻololi i ka nānā o ka poʻe i kākauʻia a hemo paha iā lākou.

Ke wehe nei i ka Lalokuhi ma nā Palapala Lūlā

Hiki ke paʻakikī ka heluheluʻana i nā kikokikona e heluhelu i kēlā kikokikona i kākauʻoleʻia. Eia hou, nui wale nā ​​mea hoʻolimalima e nānāʻole i ka nānā o nā pūnaewele kikokikona i lalo. I kēia mau manawa, makemake pahaʻoe e wehe i kēia mau hua'ōlelo i ka pau loa.

No ka weheʻana i nā palapala mai nā pūnaewele, e hoʻohanaʻoe i ka hoʻonaninaniʻana i nā mea waiwai CSS. Eia ka CSS e kākau ana e hana i kēia:

ʻO ka mea hoʻonani:ʻaʻohe; }

Me kēlā laina o CSS, hiki iāʻoe ke wehe i ke kahawaina mai nā pūnaewele kikokikona. ʻOiai heʻano maʻamau loa kēia (hoʻohanaʻia e ia kekahi mea koho koho),ʻoi aku konaʻano pololei ma mua o nāʻano kele pūnaewele maʻamau. Ma muli o keʻano o nāʻano kīʻole e hana ana i nā kumuhana e hoʻomaka me,ʻo ia ka mea e pono aiʻoe e kākau hou.

ʻO kahi kūkala ma ka weheʻana i nā kuʻuna

Nānā, hiki i ka weheʻana o nā hua'ōlelo keʻano likeʻole i ka mea āu e makemake ai e hoʻokō, akā e pono e makaʻala i kāu hanaʻana i kēia. Ināʻoe e like me ka nānā o ka loulou i lalo aʻaʻoleʻole,ʻaʻole hiki iāʻoe ke hoʻopaʻapaʻa e hōʻike maopopo i kahi o ka'ōlelo a me kaʻole. Inā laweʻoe i ka hoʻololi a hoʻololi paha i kēlā leʻaleʻa blue blue link, ponoʻoe e hōʻoiaʻoe e pani i ia mau mea me nāʻano eʻae i ka'ōlelo i hoʻohuiʻia e kū i waho. E hana kēia i meaʻike hou no ka poʻe malihini mai o kāu pūnaewele.

Mai hōʻike i nā Lāhuiʻole

ʻO kekahi leʻaleʻa no nā loulou a me nā kiko'ī, mai hoʻopaʻa i ke kikokikona iʻole kahi loulou e like me keʻano e hoʻokūkino ai. Ua hele mai nā kānaka e manaʻo e kākau i nā kikokikona e lilo i mea loulou, no laila inā hoʻohaʻahaʻaʻoe i ka helu no ka mea e hoʻohui i ka manaʻo (ma kahi o ka hana wiwoʻole a iʻole e hōʻanoʻia), hoʻounaʻoe i ka leka maikaʻi a hoʻopili i nā mea hoʻohana pūnaewele.

E hoʻololi i ka lalo iho i nā pahu aiʻole nā ​​kāhili

Inā makemakeʻoe e hoʻomau i kāu loulou kikokikona, akā e hoʻololi i keʻano o ia laina ma lalo mai ka nānā paʻakikī, a he laina "soldi" ia, hiki iāʻoe ke hana i kēia. Ma kahi o kēlā laina paʻa, hiki iāʻoe ke hoʻohana i nā kiko'ī e kau i kāu loulou. No ka hanaʻana i kēia, e hoʻoneʻeneʻa loaʻoe i ke kahahaina, akā e paniʻoe me ka waiwai kālai'āina lalo:

ʻO ka mea hoʻonani:ʻaʻohe; palena palena: 1px hiki ke nānā; }

Mai ka wā i wehe aiʻoe i ke kaha palapala laulā maʻamau,ʻo ke kikooho hoʻokahi wale nō iʻikeʻia.

Hiki iāʻoe ke hana i ka mea like e loaʻa ai ka pale. E hoʻololi wale i ke kāʻei palena lalo i ka wāwahiʻia:

ʻO ka mea hoʻonani:ʻaʻohe; palena palena: 1px dashed; }

E hoʻololi i ka Nānā i lalo

ʻO kekahiʻano e huki i ka nānā i kāu mau loulou,ʻo ia ke hoʻololi i ke kala o ke kahakuha. Eʻike pono i nā'āpana kala me kāu'ōnaeho kala .

ʻO ka mea hoʻonani:ʻaʻohe; palena palena: 1pxʻulaʻula palekana; }

Nā Hōʻike Mālua

ʻO ka hanaʻana i ka hoʻohanaʻana i nā papa heluʻelua,ʻo ia ka pono e hoʻololi i ke ākea o ka palena. Ināʻoe e hana i ka palena āpau o 1px, e hoʻopauʻiaʻoe me ka papa kuhikuhi lua e like me kahi laina lalo.

ʻO ka mea hoʻonani:ʻaʻohe; palena palena: 3px lua; }

Hiki nō hoʻi iāʻoe ke hoʻohana i ka laina e iho nei e hana i ke kelepili lua me nā hiʻohiʻona'ē aʻe, e like me kahi o nā laina i kuʻina:

a lalo: 1px lua; }

Eʻae i ka pūnaewele pūnaewele

Hiki iāʻoe ke hoʻohui i ke kāʻei palena-ala i kāu mau loulou ma nā moku likeʻole e like me: hover,: active, or: visited. Hiki iā ia ke hana i kahi hoʻolālā maikaʻi o ka "rollover" no nā malihini ke hoʻohanaʻoe i kēlā papa hana "hover". E hana i ka lua o ke kiʻikuhi i ke kuhikuhiʻana ināʻikeʻoe i ka loulou:

ʻO ka mea hoʻonani:ʻaʻohe; } a: hover-bottom: lalo 1px; }

Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard