He aha nā pahu kālepa Cascading?
Loaʻa nā pūnaewele i kekahi mau'āpana pono'ī, e like me nā kiʻi, nā'ōlelo, a me nā palapala likeʻole. ʻO kēia mau palapalaʻaʻole i komo wale i nā mea i hiki ke hoʻohuiʻia mai nāʻaoʻao'ē aʻe, e like me nā faila PDF, akāʻo nā palapala hoʻi i hoʻohanaʻia no ka hanaʻana i nāʻaoʻao pono'ī, e like me nā palapala HTML e hoʻoholo i ka hanana o kahiʻaoʻao a me nā pepa CSS (Cascading Style Sheet) e kuhikuhi i ka nānā o kahiʻaoʻao. E komo kēiaʻatikala i CSS, e uhi ana i ka mea a me kahi e hoʻohanaʻia ai ma nā pūnaewele i kēia mau lā.
ʻO kahi papahana moʻolelo CSS
Hoʻomaka muaʻia ka CSS i ka makahiki 1997 ma keʻano he ala no nā mea hoʻomohala pūnaewele e wehewehe i kaʻikeʻana o nā pūnaewele pūnaewele a lākou e haku nei. Ua manaʻoʻia eʻae i nāʻoihana pūnaewele e hoʻokaʻawale i kaʻike a me ka hoʻolālā o ka pūnaewele o ka pūnaewele mai ka hoʻolālā kiʻi, kahi mea i hikiʻole ma mua o kēia manawa.
ʻO ka kaʻawaleʻana o ka hale a me ka hoʻolālā e hiki ai i ka HTML ke hana i nāʻoihana'ē aʻe i kauʻia ma luna o - ka mahele o ka helu, me kaʻole e hopohopo e pili ana i ka hoʻolālā a me ka hoʻonohonohoʻana o kaʻaoʻao pono'ī, kahi mea iʻikeʻia he "nānā a manaʻo" o kaʻaoʻao.
ʻAʻole i loaʻa ka CSS i ka kaulana a hiki i ka 2000, i ka hoʻomakaʻana o nā pūnaewele pūnaewele e hoʻohana i ka meaʻoi aku ma mua o ka laulā kumu a me ka laulā o kēia hua'ōlelo. I kēia lā, hāpai nā kākoʻo pūnaewele i nā kākoʻo CSS a pau 1, ka hapanui o CSS Level 2, a me nā mea nui o CSS Level 3. I ka manawa e hoʻomauʻia ana e CSS a hōʻano houʻia nāʻano hou, ua hoʻomaka nā pūnaewele pūnaewele e hoʻokomo i nā modula e lawe mai i ka kākoʻo CSS hou i loko o kēlā poʻe pūnaewele a hāʻawi i nā mea hoʻolāuli pūnaewele i nā mea hana hana hou e hana pū me.
I loko o nā makahiki i hala aku nei, ua kohoʻia nā mea koho pūnaewele i hōʻole i ka hoʻohanaʻana iā CSS no ka hoʻolālā a me ke kūkuluʻana o nā pūnaewele, akā, ua pau kēlā hana akā ua haʻalele i kaʻoihana i kēia lā. Ua hoʻohanaʻia ka CSS i kēia manawa i ka laulā ma ka pūnaewele pūnaewele a paʻakikīʻiaʻoe eʻike i kekahi mea hana ma kaʻoihana i kēia mau lā iʻikeʻole i kaʻike pilikino o kēia'ōlelo.
ʻO CSS kahi hōʻailona
E like me ka mea i'ōlelo muaʻia,ʻo ka manawa CSS e kū nei i "Kēkelē Kāhua Kino." E hoʻokae i kēia hua'ōlelo i lalo iho nei no ka ho'ākāka houʻana i ka hana a kēia mau pepa.
ʻO ka hua'ōlelo "style style" e pili ana i ka palapala pono'ī (e like me HTML, nā kāʻei CSS he mau puke kikokikona pololei ia e hiki ke hoʻoponoponoʻia me nā papahana likeʻole). Ua hoʻohanaʻia nā pepa kiʻi no ka hoʻolālā palapala no nā makahiki he nui. ʻO lākou nāʻike loea no kahi hoʻonohonohoʻana, inā paha e paʻi a ma ka pūnaewele paha. Ua hoʻohana lōʻihi nā mea hoʻolālā i nā pepa lole e hoʻoikaika ai i kā lākou mau manaʻo e paiʻia e like me kā lākou mau kiko'ī. ʻO kahi pepa lole no kahi pūnaewele e like me ke kumu hoʻokahi, akā me ka hana pūʻana o ka pūnaewele pūnaewele pehea e nānāʻia ai ka palapala. I kēia lā, hiki i nā paʻi kiʻi CSS ke hoʻohana i nā nīnau hulina e hoʻololi i ke ala e nānā ai kahiʻaoʻao no nā'ōnaehana a me nā nui o nā hiʻohiʻona . He mea koʻikoʻi kēia no ka mea eʻae ana i kahi palapala HTML hoʻokahi i hoʻokaʻawaleʻia e like me ka nānāʻana i ka nānāʻana.
ʻO Cascade ka mea kūikawā nui loa o ka hua'ōlelo "kahi kāpau". ʻO kahi pepa lole pūnaewele ka mea i hoʻohālikeʻia i loko o keʻano o nāʻano i loko o kēlā pepa, e like me ka muliwai ma kahi wailele. ʻO ka wai i loko o ka muliwai e pau nā pōhaku i ka wailele, akāʻo nā mea wale nō i lalo e pili pono kahi e holo ai ka wai. Pēlā nō ia e pili ana i ka hopena o nā pepa pūnaewele pūnaewele.
ʻO kēlā me kēia pūnaewele pūnaewele e pākuʻiʻia e ka liʻiliʻi hoʻokahiʻaoʻao style,ʻoiai ināʻaʻole hoʻokomo ka mea hoʻolāki pūnaewele i kekahiʻano. ʻO kēia pepa kāhili ka pepa hoʻolaha luna mea hoʻohana -ʻikeʻia hoʻi heʻano maʻamau e hoʻohanaʻia e ka mea hoʻohana pūnaewele e hōʻike i kahiʻaoʻao ināʻaʻole i hāʻawiʻia kekahi mau'ōlelo'ē aʻe. Eia kekahi laʻana, ma muli o nā mea maʻamau, ua kapaʻia nā hyperlinks i ka uliuli a ua hoʻohālikelikeʻia. Kū mai kēlā mau kāʻei mai kahi pūnaewele style o ka pūnaewele pūnaewele. Inā hāʻawi nā mea hoʻolaha pūnaewele i nā kuhikuhi'ē aʻe, akā, e pono eʻike ka meaʻikepili i ke kuhikuhi o nā kuhikuhi. Loaʻa nā'eneke pūnaewele i ko lākou mauʻano pono'īʻole, akāʻo ka hapa nui o kēlā mau mea hoʻopalekana (e like me ka uhiʻana o nā'eneke blue) i ka hapalua o nā pūnaewele a me nāʻano nui.
No kekahi hiʻohiʻona o kahi paʻamau pūnaewele, ma kaʻu pūnaewele pūnaewele,ʻo ka momotuhi paʻamau ka " Times New Roman " i hōʻikeʻia ma ka nui 16. Loaʻaʻole kekahi o nā palapala aʻu e kipa ai i kēlāʻohana a me ka nui. ʻO kēia no ka mea eʻike ana ka heluna i kēlā me kēia mau kāhili style, i hoʻonohonohoʻia e nā mea hoʻolālā, e hoʻololi i ka nui a me kaʻohana, e kāpae ana i nā hewa o koʻu polokalamu kele pūnaewele. Ma kēlā me kēia pūnaewele kālepa āu e haku ai no kahi pūnaewele, eʻoi aku ka pololei o keʻano o ka'ōnaehana paʻamau o ka polokalamu kelepona, no lailaʻaʻole e kāpiliʻia ia mau hewa. Inā makemakeʻoe i nā loulou e laulā a hoʻohālikelikeʻia,ʻaʻole ponoʻoe e hana i kekahi mea ma hope o kēlā ka paʻakikī, akā inā'ōlelo ka palapala CSS o kāu pūnaewele e pili ana nā loulou, e'ānai ana kēlā lelo i ka blue blue. E hoʻomauʻia ka laina lalo i kēiaʻano, no ka mea,ʻaʻoleʻoe i hōʻike.
Ma heaʻo CSS hoʻohanaʻia?
Hiki nō hoʻi iā CSS ke hoʻohana i ka ho'ākāka i kaʻikeʻana o nā pūnaewele i ka nānāʻiaʻana ma nā pāpā'ē aʻe ma mua o ka pūnaewele pūnaewele. Eia kekahi laʻana, hiki iāʻoe ke hana i kahi pepa kāhili pepa e ho'ākāka ana i kahi e pai ai e paʻiʻia kaʻaoʻao pūnaewele. No ka meaʻaʻohe kumu o nā pūnaewele pūnaewele e like me nā pihi kelepona a iʻole nā pūnaewele pūnaewele i kaʻaoʻao i paʻiʻia, hiki ke hoʻohanaʻia kahi pepa Print Print e "paʻi" i kēlā mau wahi i ka paʻiʻia o kahiʻaoʻao. ʻOiaiʻaʻole kahi hana maʻamau i nā wahi pūnaewele,ʻo ka koho i ka hanaʻana i nā paʻi kiʻi kāhili he mana a hoʻokipa (i loko o koʻuʻike -ʻaʻole nā kumuhana o ka pūnaewele e hana pēlā no ka meaʻaʻole i kāheaʻia e kahi papahana kālā no kēia hana hou e hanaʻia ).
He aha ka mea nui o CSS?
CSS kekahi o nā mea hanahana loa a ka mea hoʻolālā pūnaewele e aʻo ai no ka mea hiki iāʻoe ke hoʻololi i ka nānāʻana o ka pūnaewele. Hiki ke hoʻololi wikiwikiʻia nā pahūna i kākau maikaʻiʻia aʻae i nā wahi e hoʻololi i ka mea i hoʻonohonoho muaʻia i ka nānā, a i ka manawa e hōʻike ana i ka waiwai a nānā i ka poʻe malihini kipa, me kaʻole o nā loli e pono e hanaʻia i ka hōʻailona HTML.
ʻO ka pahuhopu nui o CSS he mea nui loa ia e aʻo ai - a me nā loiloi e loli ana i kēlā lā i kēia lā, hikiʻole ke kōkua i kēia lā i ka lāʻapōpō e kākoʻoʻia ai nāʻano hou a hāʻule kekahi iʻole no ka hopena hoʻokahi no kekahi kumu. .
Ma muli o ka hikiʻana i ka CSS ke hoʻohui a hoʻohui, a me ka noʻonoʻoʻana i nāʻano likeʻole o ka'eneke e wehewehe ai a hoʻokomo i nā kulekele, heʻoi aku ka paʻakikī o CSS ma mua o ka HTML maʻamau. CSS hoʻi e hoʻololi i nā polokalamu kelepili ma keʻano kūponoʻole o HTML. I ka manawa e hoʻomaka aiʻoe e hoʻohana i ka CSS, akā, eʻikeʻoe i ka hoʻokomoʻana i ka mana o nā pepa lole e hāʻawi iāʻoe i ka noʻonoʻo hikiʻole i ka hoʻonohonohoʻana i nā pūnaewele pūnaewele a hoʻololi i ko lākou nānā a me kou manaʻo. Ma ke ala, e hoʻonuiʻoe i kahi "apo o nā kālai" o nāʻano a me nā ala i hana ai iāʻoe i ka wā i hala aku a hiki iāʻoe ke huli hou i kou kūkuluʻana i nā pūnaewele hou i ka wā e hiki mai ana.
Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard ma 7/5/17,