E aʻo e hoʻoikaika i ka nānāʻana i kāu Pūnaewele
Ke aʻo nei i ka hanaʻana i CSS ma kahi kālai'āina he ala maikaʻi loa ia e hoʻonui ai i ka nānā o kāu pūnaewele. Hiki ke paneʻia nāʻano HTML ma waena o nā mea maikaʻi loa ma ka pūnaewele pūnaewele. He pinepine lākou i ka mahalo a hoʻohana i ka mea hoʻohana aʻaʻole hoʻi lākou e hāʻawi nui i keʻano o ke kāhili.
Me CSS, hiki ke loli. ʻO ka huiʻana i CSS me nā hōʻailonaʻoihana iʻoi aʻe ke hāʻawi i nāʻano nani.
E hoʻololi i nā hui
E like me ka kikokikona, hiki iāʻoe ke hoʻololi i nāʻaoʻao mua a me nā hilinaʻi o nāʻanoʻano.
ʻO kahi ala maʻalahi e hoʻololi ai i ke kala o kaʻaoʻao kokoke i nāʻano like a pau e hoʻohana i ka waiwai o ka papalina i ka helu hoʻokomo. Eia kekahi laʻana, ke hoʻohana nei kēia helu i kahi lanu uliuli (# 9cf) ma luna o nā mea a pau.
komo '
ʻike'iliʻolu: # 9cf;
lepe: # 000;
}
No ka hoʻololi i ke kala o kaʻike o nāʻanoʻano like, e hoʻopili wale i ka textarea a koho i keʻano. ʻo kahi laʻana:
komo, textarea, koho {
ʻike'iliʻolu: # 9cf;
lepe: # 000;
}
E hōʻoia e hoʻololi i ka'a'ā i keʻano inā hoʻololiʻoe i kaʻeleʻele kala. ʻO ka hoʻohālikelikeʻana i nā kala e kōkua i ka hoʻonui i nāʻano kikowaena. Eia kekahi laʻana,ʻoi aku ka maʻalahi o ka'ōlelo ma luna o ka kalaʻula kalaʻulaʻeleʻele inā he keʻokeʻo ka'ōnaeke. Eia kekahi laʻana,ʻo kēia mau kiko'āinana keʻokeʻo kahi ma kahiʻulaʻula.
komo, textarea, koho {
ʻilikai-kahe: # c00;
ʻilima: #fff;
}
Hiki iāʻoe ke kau i ka lae hope ma ka'enehi kiʻi pono'ī. E hoʻomanaʻo i ka helu inoa he mea hoʻololi , no laila ua piha ke kala i ka'ōpana kūpono piha,ʻaʻole wale nā wahi o nā māmā.
Hiki iāʻoe ke hoʻohui i kahi'ōkuʻomaka melemele i kahi'āpana o ka poho e hoʻokaʻawale i ka wahi, e like me kēia:
'
ʻikeʻili-kala: #ffc;
}
Hoʻohui i nā Borders
E like me nā lau, hiki iāʻoe ke hoʻololi i nā palena o nāʻanoʻano likeʻole. Hiki iāʻoe ke hoʻohui i hoʻokahi palena a puni keʻano holoʻokoʻa. E hōʻoia e hoʻohui i ka pale, aiʻole e hoʻopiliʻia nā māmā o nāʻano i kahi kokoke i ka palena.
Eia keʻano o ka code no kahi palenaʻeleʻele 1-pixel me 5 pika o ka pale:
'
palena: 1px paʻa # 000;
ka pale: 5px;
}
Hiki iāʻoe ke kau i nā āpau a puni ma mua o ka palapala wale iho. E hoʻololi i ka palena o nā mea hoʻokomo i mea e kū ai i waho:
komo '
palena: 2px dashed # c00;
}
E makaʻala i kāu kauʻana i nā palena ma nā pahu i hoʻokomoʻia e like me ka nānāʻuʻuku e like me nā pahu komo i laila, aʻaʻole paha e maopopo i kekahi poʻe hiki iā lākou ke hoʻopiha i keʻano.
Hōʻuluʻulu i nāʻano Kūlana
Ma ke kauʻana i kāu mauʻano hana me ka noʻonoʻo a me kekahi CSS, hiki iāʻoe ke hoʻonohonoho i kahi hiʻohiʻona maikaʻi e hoʻopiha ana i ka hoʻolālā a me ke hoʻonohonohoʻana o kāu pūnaewele.