CSS, a iʻole nā kālepa Kinohi Kūikawā, he mea hoʻohanaʻia ma ka hoʻolālā pūnaewele hou e hoʻohana i ka nānāʻana i kahiʻaoʻao. ʻOiaiʻo HTML e hana i ka hanana o kaʻaoʻao a hiki i kā Javascript ke hoʻokūkū i nā hana,ʻo ka nānā a me ka manaʻo o kahi pūnaewele,ʻo ia kaʻaoʻao o CSS. Ke hiki mai i kēia mauʻano, hoʻohana pinepineʻia lākou e hoʻohana i nā pepaʻokoʻa o waho, akā, hiki iāʻoe ke hoʻohana i nā kāhua CSS i kahi helu pono'ī hoʻokahi ma o ka hoʻohanaʻana i nā mea i kapaʻiaʻo "nāʻano inline."
Nāʻano inlineʻo nā kāʻei CSS e hoʻohana ponoʻia ana ma ka HTML mauʻaoʻao. Loaʻa nā pāʻoihana a me nā pōʻinoʻole i kēia ala. ʻO ka mea mua, e nānā pono i kahi e kākauʻia ai kēia mauʻano.
Pehea e kākau ai i kahi Inline Style
No ka hanaʻana i kahi kālani CSS hōʻaia, hoʻomakaʻoe ma ke kākauʻana i kāuʻanoʻano like me ka pehea e hana aiʻoe i kahi pepaʻano, akā pono e lilo i hoʻokahi laina. Hoʻokaʻawale i nā mea he nui me kahi semicolon e like me kāu e hana ai i kahi pepaʻano.
ʻike mua: #ccc; ʻilima: #fff; palena: paʻa paʻa paʻa 1px;
E kau i kēlā laina o nāʻano i loko o keʻano o ka manaʻo e makemakeʻoe e kapaʻia. Eia kekahi laʻana, inā makemakeʻoe e hoʻokomo i kēiaʻano i kahi māhele i kāu HTML, e nānā ana kēlāʻili i kēia:
Ma kēia hiʻohiʻona, e hōʻikeʻia kēia palaka pūnaewele me kahiʻike hina hina (ʻo ia ka mea e hāʻawiʻia ai #ccc), kaʻeleʻeleʻeleʻele (mai ka #000 color), a me kahi palenaʻeleʻele paʻa paʻa 1-pixel a puni nāʻaoʻaoʻehā o ka paukū .
Nā pōmaikaʻi o Inline Styles
Mahalo i ka hopena o nāʻaoʻao Kāpena Kākau i ka papa kiʻekiʻe iʻole ka'ōlelo kūpono i loko o ka puke. ʻO kēia keʻano e hoʻohanaʻia ana no nā mea'ē aʻe i kuhikuhiʻia i loko o kāu styleheethe waho (me kahi o kēlā me kēiaʻano i hāʻawiʻia i ka'ōlelo koʻikoʻi nui loa i kēlā pepa, akāʻaʻole kēia he mea e pono ke hanaʻia ma nā kahua hana inā hiki keʻaeʻia).
ʻO nāʻaoʻao wale nō iʻoi aku ka kiʻekiʻe ma mua o nā kāʻei maʻamau i nāʻaoʻao hoʻohana e hoʻohanaʻia e ka poʻe heluhelu. Inā pilikiaʻoe i ka hoʻololiʻana i kāu mau hoʻololi, hiki iāʻoe ke ho'āʻo e hoʻonohonoho i kahi ki'ī maʻamau i ka element. Ināʻikeʻoleʻoe i keʻano me ka hoʻohanaʻana i kahi'ōnaehana inline,ʻikeʻoe aia kahi mea'ē aʻe e hele nei.
Hiki a maʻalahi nāʻano inline me ka wikiwiki e hoʻohui aʻaʻole ponoʻoe e hopohopo e kākau i ke kālepa CSS pono mai ka manawa e hoʻohui neiʻoe i keʻano i ka māu e makemakeʻoe e loli (ʻo ia ke koho i ka mea koho e kākau aiʻoe ma kahiʻaoʻao kāhuaʻaoʻao. ). ʻAʻole ponoʻoe e hoʻokumu i kahi palapala hou (e like me nā pepaʻokoʻa o waho) a e hoʻoponopono i kahi mea hou ma ke poʻo o kāu palapala (e like me nā pepaʻokoʻa i loko). Hoʻokomo waleʻoe i ke kāʻei style i kūpono ma luna o nā mea HTML a pau. ʻO kēia nā kumu a pau e hiki ai iāʻoe ke ho'āʻo e hoʻohana i nāʻano kelepona, akā ponoʻoe e noʻonoʻo i kekahi mau pōʻino koʻikoʻi loa i kēia ala.
Nā mea kūponoʻole o ka Inline Styles
Ma muli o nāʻano inline o lākou ka mea nui loa i ka pōʻino, hiki iā lākou ke hoʻoholo i nā mea āu i manaʻoʻole ai. Hoʻokaʻawale lākou i kekahi o nā mana keu o CSS - ka hiki ke kālai i ka papa a me ka nui o nā pūnaewele pūnaewele mai kahi kikowaena CSS pūnaewele e hoʻololi i nā loli a me nā kāleka i ka wā e hiki ke maʻalahi.
Ināʻoe wale nō e hoʻohana i nāʻano inline, e loli kokeʻia kāu mau palapala a paʻakikī loa e mālama. Loaʻa kēia no nāʻano inline e pono ke hoʻohanaʻia i kēlā me kēia māhele āu makemake. No laila, inā makemakeʻoe i nā parapina a pau e loaʻa i kaʻohana hana "Arial", ponoʻoe e hōʻano i kahi kāina inline i kēlā me kēia
tag ma kāu palapala. Hoʻopili kēia i nā hana mālamaʻelua no ka mea hoʻolālā a me ka manawa e loaʻa ai ka manawa heluhelu no ka mea e pono anaʻoe e hoʻololi i kēia ma nāʻaoʻao a pau o kāu pūnaewele no ka hoʻololiʻana i kēlāʻano-family. Ma kahi'ē aʻe, ināʻoe e hoʻohana i kahi style styleet, hiki iāʻoe ke hoʻololi i kahi i kahi a e loaʻa i nāʻaoʻao a pau ke hōʻoia.
ʻO kaʻoiaʻiʻo,ʻo kēia ka pae i hope ma ka pūnaewele - hoʻi i nā lā o ka tag !
ʻO kekahi hoʻihoʻi hou i nāʻano inline e hikiʻole i ke kālaiʻana i nā pseudo-mau mea a me nā hoʻohālike me lākou. No ka laʻana, me nā pepa'ēheu waho , hiki iāʻoe ke kāhili i ke kipa o ka heleʻana, ka hover, ka hana, a me ka leka o ka hōʻailona o ka heleuma, akā me ka'ōnika inline,ʻo nā mea a pau e hiki ke hana iāʻoe iho ka hono pono'ī, no ka mea, .
Ma ka hope loa, ʻaʻole mākou e hōʻoia i ka hoʻohanaʻana i nāʻano o ke kikowaena no kāu mau pūnaewele no ka mea e hoʻopilikiaʻia ana e lākou a e hoʻomāhuahua i nā palapala. ʻO ka manawa wale nō mākou e hoʻohana ai ia manawa ke makemake mākou e nānā i kahi kāleka i ka wā e ulu ana. I ka manawa e nānā pono ana mākou no kēlā me kēia māhele, hoʻohuli mākou i kā mākouʻaoʻao kāhua.
ʻO ka mea hoʻopiliʻia e Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard.