ʻAʻoleʻoe i kaupalenaʻia i kahi papa CSS hoʻokahi ma kēlā me kēia mea.
Hōʻike Kāleka Kāhua (CSS) eʻae iāʻoe e wehewehe i keʻano o keʻano ma ke kālouʻana i nā huaʻona āu e hoʻohana nei i kēlā mela. Hiki i kēia mauʻulu ke hana a me ka ID a iʻole kekahi papa a, e like hoʻi me nāʻano a pau, ke hāʻawi nei lākou i kaʻike kōkua i nā kumuhana e pili ana i. Ma muli o ka inoa āu e hoʻohui ai i kekahi mea, hiki iāʻoe ke kākau i kahi mea koho CSS e hoʻohana i kaʻaoʻaoʻike pono e pono ai eʻike i ka nānā a me ka noʻonoʻo no kēlā me kēia pūnaewele.
ʻOiai ke hoʻohana nei nā ID a iʻole nā papa hana no ka hoʻohuiʻana i loko o lākou me nā kānāwai CSS, ua hoʻohana nāʻano hana hoʻolālā pūnaewele i nā papa ma luna o nā ID, ma kahi hapa, no ka mea, ua emi loa a maʻalahi a me ka maʻalahi loa e hana pū me ka palena holoʻokoʻa. ʻAe, eʻikeʻoe i kahi mau pūnaewele e hoʻohana nei i nā ID, akā ua hoʻohanaʻia nāʻano iʻoi aku ka māmā aʻoi aku ma mua i ka wā i hala nā papahana i nāʻaoʻao pūnaewele hou.
Nā papa kūkahi a mau helu paha i CSS?
Ma ka hapanui o nā kumu, hoʻoiliʻoe i kahi inoa hoʻokahi o kekahi mahele, akāʻaʻoleʻoe i kaupalenaʻia i kahi papa hoʻokahi wale nō lākou e hele nei me nā ID. ʻOiai he kuleana wale nō kahi kuleana o kahi ID, hiki iāʻoe ke hāʻawi i nā papa he nui aʻoi aku, a ma kekahi mau hana, e hana ana i kāuʻaoʻao ma ka maʻalahi a me ka maʻalahi.
Inā ponoʻoe e hoʻokaʻawale i nā papa he nui i kahi hoʻololi, hiki iāʻoe ke hoʻonui i nā papa'ē aʻe a hoʻokaʻawale iā lākou me kahi manawa ma kouʻano.
Eia kekahi laʻana, heʻekolu mau papa ma kēia māhele:
huakaʻi i hōʻikeʻia ma ka hema "> Eia ka'ōlelo o ka paukū
Hoʻonohonoho kēia i nā papaʻekolu ma lalo o ka pā'ālua tag:
- Pullquote
- Hōʻikeʻia
- Hema
E nānā i nā māhele ma waena o kēlā me kēia o kēia mau koina papa. ʻO kēlā mau āpau ka mea e hoʻonohonoho iā lākou e like me nāʻano likeʻole, nā papa likeʻole. ʻO kēia ke kumu no ka hikiʻole i nā inoa papa ke loaʻa nā hakahaka i loko o ia mau mea, no ka hanaʻana pēlā e hoʻonohonoho iā lākou i mau papa kaʻawale.
Eia kekahi laʻana, ināʻoe i hoʻohana i ka "haʻahaʻa-hemahema-hema" me ka loaʻaʻole o kahi manawa, e hoʻokahi nō keʻano o ka papa, akāʻo ka hiʻohiʻona i luna, kahi e hoʻokaʻawaleʻia ai kēia mau hua'ōleloʻekolu a me kahi manawa, e hoʻonoho iā lākou ma muli o nāʻike pilikino. He mea nui e hoʻomaopopo i kēia manaʻo e like me kāu e hoʻoholo ai i kahi kūlana o ka papa e hoʻohana ai ma kāu mau pūnaewele.
Ke loaʻa kāu mau kolepa maʻamau i ka HTML, hiki iāʻoe ke hoʻoili i kēia mau papa ma kāu CSS a hoʻohana i keʻano āu e makemake ai e hoʻohui. ʻo kahi laʻana.
.pullquote {...}
.leatured [...}
p.left [...}
Ma kēia mau hiʻohiʻona,ʻo ka hōʻike CSS a me nā pai kālāʻelua i loko o nā pale pale,ʻo ia keʻano o ka hoʻohanaʻana o kēlāʻano i ka mea koho pono.
Nānā - inā hoʻonohoʻoe i kahi papa i kekahi māhele pono (e like paha, p .ft), hiki iāʻoe ke hoʻohana hou ia me he mahele o ka papa inoa o nā papa; akā naʻe, e noʻonoʻo e pili ana ia mau mea i ho'ākākaʻia ma ka CSS. Ma nā'ōlelo'ē aʻe, e pili ana ka'ōnaehana maikaʻi i nā palakalamu me kēia papa mai ka mea e'ōlelo ana kāu koho e hoʻokomo i ia "i nā paukū me kahi papa o ka 'hema'". Akā,ʻo nā mea'ē aʻeʻelua i loko o ka hiʻohiʻonaʻaʻole i hōʻoia i kekahi kumu, no laila e pili lākou i kekahi mea e hoʻohana ana i kēlā mau koina papa.
Nā pōmaikaʻi o nā papahana he lehulehu
Hiki i nā papahana he nui ke maʻalahi e hoʻohui i nā hana kūikawā i nā'enewa me kaʻole e hana i kahi'ōnaeʻa hou no kēlāʻili.
Eia kekahi laʻana, hiki paha iāʻoe ke loaʻa ka mana e hoʻolana i nā mea i ka hema a iʻole pololei . Hiki iāʻoe ke kākau i nā papaʻelua i hema a'ākau me ka lele wale: hema; a lana lana: pololei; i loko o ia mau mea. A laila, inā loaʻa iāʻoe kahi māhele e pono aiʻoe e hoʻolimalima, e hoʻokuʻu waleʻoe i ka papa "waiho hema" i ka papa inoa o ka papa.
Aia kahi laina maikaʻi e hele maʻaneʻi, akā naʻe. E hoʻomanaʻo i kēlā mau papahana papahana e kuhikuhi i ka kaʻawaleʻana o keʻano a me keʻano. Hoʻoponoponoʻia ka hoʻonohonohoʻana ma o HTML aʻoi ke kāhua i CSS.
Inā ua piha kāu palapala HTML i nā kumuhana a he papa inoa nā inoa a pau e like me "ʻulaʻula" aiʻole "hema",ʻo ia nā inoa e kuhikuhi i keʻano o nā pono e nānā ai ma mua o ko lākouʻano, ke hele neiʻoe i kēlā laina ma waena o ka hoʻolālā a me keʻano. Ke ho'āʻo nei wau e hoʻokaʻawale i nā inoa o kaʻu papa inoaʻole e like me ka mea hiki no kēia kumu.
Nā Papa Kūikawā, Sememics, a me JavaScript
ʻO kekahi mea maikaʻi'ē aʻe i ka hoʻohanaʻana i nā papa he nui,ʻo ia ke hāʻawi aku iāʻoe i nā meaʻoi aku iʻoi aku.
Hiki iāʻoe ke hoʻohana i nā papa hou i nā'enewa e hiki nei i ka hoʻohanaʻana i ka JavaScript me ka weheʻole i kekahi o nā papa mua. Hiki iāʻoe ke hoʻohana i nā papa no ka ho'ākākaʻana i nā semanticics o kahi mea . ʻO kēia ka hiki iāʻoe ke hoʻonui ma nā papa'ē aʻe e wehewehe i keʻano o ia hua'ōlelo ma muli o ka hapalua. ʻO kēia ka hanaʻana o Microformats.
Nā Kinoʻole o nā Papahana Kūikawā
ʻO ka hemahema nui loa i ka hoʻohanaʻana i nā papa he nui i kāu mau māmā, hiki iā ia ke hoʻolilo iā lākou i mea maʻaʻole e nānā a mālama i ka manawa. Hiki paha iā ia ke paʻakikī eʻike i keʻano o nāʻano e pili ana i kahi māhele a inā e hoʻopiliʻia ana e nā hōʻailona. Ke hoʻohana nui nei nā kumuhana i kēia lā, e like me Bootstrap, i nāʻano me nā papa he nui. Hiki iā ia ke puka i ka lima a paʻakikī ke hana me ka wikiwiki ināʻaʻoleʻoe e noʻonoʻo.
Ke hoʻohanaʻoe i nā papa he nui,ʻoʻoe kekahi e holo i ka pilikia o ka hoʻokomoʻana i keʻano no kahi papa e kāke i keʻano o kekahi'ē aʻe ināʻaʻoleʻoe i manaʻo no kēia. Hiki iā ia ke paʻakikī keʻike i ke kumu o ka hoʻohanaʻoleʻana o kāu mau hana i ka wā eʻikeʻia ai.
Ponoʻoe e noʻonoʻo i keʻano pololei, me nāʻano i hoʻohanaʻia i kēlā manaʻo hoʻokahi!
Ma ka hoʻohanaʻana i kahi mea hana e like me nā mea lawe pūnaewele i Chrome, hiki iāʻoe keʻike i ka hopena o kāu mau papa i kou mauʻano a pale i kēia pilikia o nāʻano a me nāʻano pilikino.
Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard ma 8/7/17