E aʻo pehea e hana ai i ka palenaʻo ka papa CSS i loko oʻelima mau minuke
Ua lohe pahaʻoe i ka huiʻole o CSS a me nā waihona HTML. ʻAʻole pololei kēia. ʻAe,ʻo ka hoʻohanaʻana i nā papa HTML no ka'ōnaehanaʻaʻole ia he hana hana hoʻolālā pūnaewele, ua hoʻololiʻia e nā kāʻei o CSS, akāʻo nā papa ka hoʻonohonoho kūpono pono e hoʻohana i ka hōʻailonaʻikepili i kahi pūnaewele pūnaewele.
ʻO ka mea pōʻino, no ka nui o nāʻoihana pūnaewele i haʻalele i nā papa e manaʻo nei he lāʻauʻawaʻawa, he nui ka poʻe o nāʻoihana i hana pū me kēia mea pono HTML a me ka hakakā inā loaʻa iā lākou ma kahi pūnaewele. Eia kekahi laʻana, inā he papa i kāuʻaoʻao a makemakeʻoe e hoʻohui i nā laina i loko i nā pūnaewele papa.
Kālepa Kūlana CSS
Ke hoʻohanaʻoe i ka CSS e hoʻonui i nā palena i nā papa, pono ia e hoʻohui i ka palena a puni o ka papa. Inā makemakeʻoe e hoʻohui i nā laina i loko o kēlā me kēia pūnaewele o kēlā papa, ponoʻoe e hoʻohui i nā palena i nā mea CSS i loko. Hiki iāʻoe ke hoʻohana i ka helu HR no ka hoʻoukaʻana i nā laina i loko o nā pūnaewele hoʻokahi.
No ka hoʻohanaʻana i keʻano i hoʻopaʻaʻia ma kēiaʻatikala, ponoʻoe eʻike i kahi papa ma kāu pūnaewele pūnaewele. Ponoʻoe e hana i kahi pepa i kapaʻia ma ke poʻo o kāu palapala (hiki paha iāʻoe ke hana i kēia inā "kāu" pūnaewele "heʻaoʻao hoʻokahi) a iʻole i hoʻopaʻaʻia i ka pepa e like me kahiʻaoʻaoʻaoʻaoʻaoʻao (ʻo kēia kāu mea e hana inā inā he mauʻaoʻao nui kāu pūnaewele - eʻae ana iāʻoe e kāhili i nāʻaoʻao a pau mai kahiʻaoʻao waho). E kau i keʻano e hoʻonui i nā laina laina i loko o kēlā pepaʻano.
Mamua o kāu hoʻomaka
Pono mua e pono e hoʻoholo i kahi e makemake aiʻoe eʻike i ka laina i loko o kāu pākaukau. Loaʻa iāʻoe nā koho, e like me:
- E hoʻopuni ana i nā pūnaewele e hana i kahi mākia;
- Ka hoʻonohonohoʻana i nā laina ma waena o nā kolamu;
- Ma waena o nā lālani wale nō; aiʻole
- Ma waena o nā piko a iʻole nā lālani.
Hiki iāʻoe ke hoʻonohonoho i nā laina e pili ana i nā pūnaewele hoʻokahi a i loko o nā pūnaewele hoʻokahi.
Pehea e hoʻouka i nā laina a puni nā pūnaewele i loko o kahi papa
No ka hoʻohuiʻana i nā laina a puni nā pūnaewele i kāu papa, e hana ana i ka hopena likeʻole, e hoʻohui i kēia i kāuʻaoʻao:
tt,
palena: paʻa 1px keʻokeʻo;
}
Pehea e hoʻouka ai i nā laina ma waena o nā papa wale i loko o kahi papa
No ka hoʻohuiʻana i nā laina ma waena o nā pou (kēia ke hana i nā laina kūmaho e holo ana mai luna a lalo i nā kolamu o ka papa), e hoʻohui i kēia i kāuʻaoʻao:
tt,
hema hema: paʻa paʻa 1pxʻeleʻele;
}
A laila, inā makemakeʻoleʻoe e hele mai ma ke kolamu mua, e ponoʻoe e hoʻonui i kahi papa i kēlā me kēia pūnaewele. Ma kēia hiʻohiʻona, manaʻo mākou he papa ka palenaʻole ma kēlā mau pūnaewele a ke wehe nei mākou i ka palena me kēia kulekele CSS kiko'ī. No laila, eia ka pae HTML e hoʻohana mākou:
papa = "ʻaʻohe palena">
A laila, hiki iā mākou ke hoʻohui i kēiaʻano i kā mākou pepaʻano:
.no-palena {
palena hema:ʻaʻohe;
}
Pehea e hoʻouka ai i nā laina ma waena o nā kauku wale i ka papa
Me ia me nā laina laina i waena o nā pou, hiki iāʻoe ke hana i kēia me kahiʻano maʻalahi i hoʻokomoʻia i kāu pepaʻano. E hoʻonui ka CSS ma lalo o ka pae pākahi ma waena o kēlā me kēia lālani o kā mākou papaʻaina:
'
palena palena: paʻa 1pxʻeleʻele;
}
A no ka weheʻana i ka palena mai ka lalo o ka papaʻaina, e hōʻano houʻoe i kekahi papa i kēlā me kēia koho:
papa = "ʻaʻohe palena">
Hoʻohui i keʻano e like me kāuʻano kāhua:
.no-palena {
palena palena:ʻaʻohe;
}
Pehea e hoʻouka ai i nā laina i waena o nā kolaki kūikawā a iʻole nā papa i loko o kahi papa
Inā makemakeʻoe i kahi laina wale nō ma waena o nā lālani kiko'ī a mau kolamu paha, ponoʻoe e hoʻohana i kahi papa ma kēlā mau pūnaewele. Hoʻohuiʻia ka laina ma waena o nā pou iʻoi aku ka paʻakikī ma mua o nā lālani no ka mea he pono kāu e hoʻonui i ka papa i kēlā me kēia puʻupuʻu i kēlā kolamu. Inā hoʻokomoʻia kāu papaʻaina mai kahiʻano CMS , hikiʻole paha kēia, akā inā ināʻoe e kākau lima i kaʻaoʻao, hiki iāʻoe ke hoʻohui i nā papa kūpono e pono ai e hoʻokō i kēia hopena.
papa = "ʻaoʻao palena">
ʻO ka hoʻonuiʻana i nā laina ma waena o nā māmā,ʻoi aku ka maʻalahi, no ka mea, hiki iāʻoe ke hoʻonui i ka papa i ka lālani āu e makemake ai i ka laina.
papa = "palena palena">
A laila hoʻohui i ka CSS i kāu pepaʻano:
.border-side {
hema hema: paʻa paʻa 1pxʻeleʻele;
}
.border-lalo {
palena palena: paʻa 1pxʻeleʻele;
}
Pehea e hoʻouka i nā liona a puni nā pūnaewele i loko o kahi papa
No ka hoʻohuiʻana i nā laina e pili ana i nā pūnaewele hoʻokahi, hoʻohuiʻoe i kahi papa i nā pūnaewele e makemake ana i kahi palena a puni:
papa = "palena">
A laila e hoʻohui i ka CSS i kēiaʻaoʻao i kāu pepaʻano:
.border {
palena: paʻa 1px keʻokeʻo;
}
Pehea e hoʻouka ai i nā liona i loko o nā'ōmole o kēlā me kēia kanaka i loko o ka papa
Inā makemakeʻoe e hōʻailona i nā laina i loko o nā mea o kahi pūnaewele,ʻo kaʻaoʻao maʻalahi loa e hana i kēia, aia me ka inoa o ke kaulike pale (
).
Kōkua maikaʻi
Ināʻikeʻoe i nā lapa i kou mau palena, ponoʻoe e hōʻoia i ka hoʻonohonohoʻana o ke kāʻei o ka palena ma kāu papa. Hoʻohui i kēia i kāuʻaoʻao:
papaʻaina
ka wāwae-hāʻule: hāʻule;
}
Hiki iāʻoe ke hōʻole i nā CSS a pau ae hoʻohana i ka huaʻai palena ma kāu pālepa table. Akā,ʻikeʻoe,ʻo konaʻokoʻa, akāʻaʻole hoʻi i ho'ēmiʻia, he emi iki ia ma mua o CSS, no ka mea, hiki iāʻoe ke ho'ākāka wale i ka laulā o ka palena a hiki i kahi o nā pūnaewele wale nō o ka papa aʻaʻoleʻole.