No ke aha i maʻalahi ai kahi maʻalahi maʻalahi i ke coding
CSS, a iʻole Kālepa Kinohi Kūikawā,ʻo ka pūnaewele hōʻano pūnaewele pūnaewele e hōʻano i nāʻaoʻao kiʻi i kahi pae. Me CSS, hiki iāʻoe ke hoʻomalu i kaʻaoʻao o kaʻaoʻao, nā lanu, ka pilina o ke kiʻi, ke kiʻiʻana, a me nā mea'ē aku. ʻO ke kumu, inā heʻano kiʻi ia,ʻo CSS ka ala e lawe ai i kēlā mauʻano i kāu pūnaewele.
Ma kāu hōʻanoʻana i nāʻano CSS i kahi palapala, hiki iāʻoe ke hoʻomaopopo i ka hoʻomakaʻana o ka palapala a lōʻihi. Hiki i kahi pūnaewele liʻiliʻi me kahi wale nō lima o nāʻaoʻao hiki ke hoʻopau me kahi faila CSS hiki ke maʻalahi - a he kahua nui loa me ka nui a he nui nāʻaoʻao o nā mea kūikawā hiki ke loaʻa i nā kōnae CSS nui loa. Hoʻopihaʻia kēia ma nā pūnaewele pane e nui nā nīnau o ka pāhana e hoʻokomoʻia i loko o nā pā lole kiʻi e hoʻololi i nā hiʻohiʻona aʻikeʻia kaʻaoʻao no nā pale'ē aʻe.
ʻAe,ʻo nā kōnae CSS hiki ke loaʻa ka lōʻihi. ʻAʻole kēia pilikia nui i ka wā e pili ana i ka hana o ka pūnaewele a me ka loli wikiwiki, no ka meaʻo ka lōʻihi o ka waihona CSS paha he mea liʻiliʻi loa ia (no ka mea,ʻo ia wale nō kahi palapala kikokikona). Akā naʻe, nā helu liʻiliʻi loa i ka wā e hiki mai ai i ka wikiwiki o kaʻaoʻao, no laila, inā hiki iāʻoe ke hana i keʻano o keʻano ulaʻula, he manaʻo maikaʻi. ʻO kēia kahi e hiki ai ke hele mai ka "comma" i nā lima i loko o kāu pepaʻano!
Kāleka a me CSS
E noʻonoʻo pahaʻoe pehea ka hopena o ke comma e hoʻokani ana ma ka CSS selector syntax. E like me nā hua'ōlelo, hiki i ka pahu ke kikowaena-ʻaʻole ka helu-i nā mea hoʻokaʻawale. E hoʻokaʻawale ka piko i kahi koho CSS i nā koho koho i loko o keʻano like.
Eia kekahi lā, e nānā i kekahi CSS ma lalo.
ʻAla:ʻulaʻula; }
td. }
p.red {i ke kala:ʻulaʻula; }
wae mua # mua: ka laulā:ʻulaʻula; }
Me kēia hōʻailona, ke'ōlelo neiʻoe e makemake anaʻoe i nā inoa, nā tag u, nā palakala palakā me ka papa keʻokeʻo, a me ka helu tag me ka ID i hoʻomaka mua i nāʻano a pau i ke kalaʻula o keʻano.
ʻO CSS maikaʻi kēia, akāʻelua mau hanana kūpono i kākauʻia penei:
- Ma kēia mua aku, inā hoʻoholoʻoe e hoʻololi i keʻano momona o kēia mau mea i ka blue, ponoʻoe e hoʻololi iʻehā manawa i kāu pepaʻano.
- Hoʻoukaʻia ka nui o nā hua'ōlelo hou i kāuʻaoʻao i kapaʻoleʻia eʻoe. ʻAʻole paha e like paha kēia mauʻaoʻao 4 me he mea nui lā, akā inā e hoʻomauʻoe i kēia hana ma kāuʻaoʻaoʻaoʻao, e hōʻano houʻia nā laina a he nui loa kēlā pepa,ʻoi aku ka nui ma mua o ka pono.
Hiki iāʻoe ke hōʻole i kēia mau hoʻopiʻi, a me ke kahakahaʻana i kāu pūnaewele CSS, e ho'āʻo mākou e hoʻohana i nā pākuhi.
Ke hoʻohanaʻana i nā Kuleana i nā Separate Selecters
Ma mua o ke kākauʻana i 4 mau koho koho CSS a me 4 mau rula, hiki iāʻoe ke hoʻohui i kēia mauʻano a pau i hoʻokahi o nā kuleana waiwai ma o ka hoʻokaʻawaleʻana i nā mea koho hoʻokahi me kahi comma. Eia ka pehea e hanaʻia ai:
l, td, p.red, div # mua 'o: kaʻulaʻula:ʻulaʻula; }
Ke hana maʻalahi nei ka'ōmaha me ka hua'ōlelo "a" i loko o ka mea koho. No laila, pili kēia i nā m tags a me nā tag tag a me nā pālākikala palapili me ka papaʻulaʻula A me ka helu tag me ka ID i hoʻomaka muaʻia. ʻO ia ka mea i loaʻa iā mākou ma mua, akā, ma kahi o ka 4 o nā kānāwai CSS, aia mākou i hoʻokahi rule me nā koho koho. ʻO kēia ka mea i hanaʻia e ka pahuhopu i ka mea koho, hiki iā mākou ke loaʻa nā koho koho i hoʻokahi o nā rule.
ʻAʻole wale nō kēiaʻano e hana ai i nā leka uila, nā kākoʻo CSS maʻemaʻe, hiki ke hoʻololi i nā loli hou aku. I kēia manawa inā makemakeʻoe e hoʻololi i ke kala mai kaʻulaʻula i ka uliuli, ponoʻoe e hoʻololi i kekahi wahi ma kahi o nā kulekele maʻamau 4 i loaʻa iā mākou! E noʻonoʻo e pili ana i ka mālama ponoʻana o kēia manawa i kahi pūnaewele CSS nui aʻikeʻoe i ka hopena o kēia e mālama ai iāʻoe i ka manawa a me ka manawa ma ka lōʻihi lōʻihi!
ʻO ka Hua'ōlelo Hua'ōlelo
Ua koho kekahi poʻe e hoʻonui i ka CSS ma o ka hoʻokaʻawaleʻana i kēlā me kēia koho ma kāna iho iho, ma kahi o ka kākauʻana i nā mea a pau ma kahi laina e like me ka mea i luna. Penei e hanaʻia ai:
ʻo,
td,
p.red,
wae mua # mua
{
lele:ʻulaʻula;
}
Hoʻolaha e hoʻonohoʻoe i kahi comma ma hope o kēlā me kēia mea koho a laila hoʻohana i "komo" e uhaki i ka mea koho hou ma kāna iho iho. ʻAʻoleʻoe e hoʻohui i kahi mele ma hope o ka mea koho hope loa.
Ma ka hoʻohanaʻana i nā pākuhi ma waena o kāu koho, ua hanaʻoe i kahi pepa kiko'ī iʻoi aku ka maʻalahi o ka loli i ka wā e hiki mai ana aʻo ka mea maʻalahi ke heluhelu i kēia mau lā!
Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard ma 5/8/17