Ke hui pū nei i nā mea koho CSS nui

Nā huila CSS nui pūʻulu e hoʻoikaika i ka loli

ʻO ka pono ka mea nui i kahi pūnaewele kūpono. Pono pono kēlā wahi pūnaewele i ka hoʻohanaʻana i nā kiʻi kiʻi pūnaewele . E kōkua kēia i ka mālama pono o ka pūnaewele no ka poʻe malihini kipa a e hoʻokomo wikiwiki i kā lākou mau polokalamu. Pono kekahi māhele o kāu hana maʻamau, e kōkua iāʻoe e mālama i ka holomua o ka pae ma ka wā a ma ka palena kālā.

I ka hopena, pono ka hana maikaʻi ma nāʻano a pau o ka hana a ka pūnaewele a me ka holomua o ka wā lōʻihi, e like me keʻano i kākauʻia no nā pepa CSS o kēlā pūnaewele. Ma ka hikiʻana iāʻoe ke hana i nā leaner,ʻo nā'ōnaehana CSS hoʻomaʻemaʻe maikaʻi loa ia, aʻo kekahi o nā mea āu e hiki ai ke hoʻokō i kēia,ʻo ia ke hui pūʻana i nā koho koho CSS lōʻihi.

Ke hui pū nei i nā mea koho

Ke hoʻohuiʻoe i nā mea koho CSS , hoʻohanaʻoe i keʻano likeʻole i nāʻano likeʻole me kaʻole e hana hou i keʻano o kāu pepaʻano. Ma mua o ka loaʻaʻana o nā kānāwaiʻelua aʻekolu paha, aʻo nā meaʻoi aʻe o ka CSS, ua hana like lākou a pau (like, hoʻonohonoho i keʻano o kekahi mea i ka ula), aia he kānāwai CSS hoʻokahi i hana no kāuʻaoʻao.

Aia kekahi mau kumu i pili ai kēia "hoʻohuihui o nā koho" i kahiʻaoʻao. ʻO ka hewa mua, e liʻiliʻi ana kāu pepa kiko aʻoi aku i ka wikiwiki. ʻO kaʻoiaʻiʻo,ʻo nāʻaʻahu kāhiliʻaʻole ia kekahi o nā mea hewa nui ke hiki mai i ka hoʻouka honua. ʻO nā kōnae CSS he mau kikokikona leo, no laila, heʻano liʻiliʻi ka nui o nā pepa CSS lōʻihi, i ka pūnaewele nui, ke hoʻohālikelikeʻia me nā kiʻi unoptzed. Akā, nā helu liʻiliʻi a pau, a inā hiki iāʻoe ke kahi i kahi nui o kāu CSS a hoʻonui i nāʻaoʻao iʻoi aku ka wikiwiki, he mea maikaʻi loa ia e hana ai.

Ma keʻano laulā,ʻoi aku ka nui o nā wikiwiki o ka paeʻana no nā pae ma lalo o 3 mau kekona; 3 i 7 kekona heʻaneʻi ke kaulike, aʻoi aku ma mua o 7 maukona ke lōʻihi loa. ʻO kēia mau hua liʻiliʻi e manaʻo nei, e loaʻa iā lākou me kāu pūnaewele, ponoʻoe e hana i nā mea a pau āu e hiki ai! ʻO kēia ke kumu e hiki ai ke kōkua i ka mālama wikiwikiʻana o kāu pūnaewele i nā koho koho CSS.

Pehea i ka hui CSS kōmike

No ka hui pūʻana i nā koho CSS i kāu pepaʻano, hoʻohanaʻoe i nā pākuhi e hoʻokaʻawale i nā koho koho pūʻulu ma keʻano. Ma keʻano hoʻohālikelika i lalo nei, ka pāʻani i ka p a me nā māhele hoʻohālike:

div, p 'eleina: # f00; }

ʻO keʻano o ka pahu hāmeʻaʻo "a". No laila, pili kēia koho i nā paukū'āpana a me nā māhele a pau. Inā ua nalo ka pahu, e lilo ana i nā paukū paukū a he keiki o ka māhele. Heʻanoʻanoʻokoʻa loa kēlāʻano koho, no laila, hoʻololi maoli kēia'ōmaho i keʻano o ka mea koho!

Hiki ke hoʻohuiʻia kekahiʻano o ke koho koho me kekahi mea koho'ē aʻe. Ma kēiaʻano, ua hui pūʻia kekahi papa koho me kahi koho koho ID:

p.red, #sub {lae: # f00; }

No laila, pili kēiaʻano i kēlā me kēia palakalaka me ka manaʻo o ka papa "ulaula", a me kekahi mea (no ka meaʻaʻole mākou i hōʻoia i keʻano) i loaʻa kahi inoa ID o "sub".

Hiki iāʻoe ke hōʻuluʻulu i kekahi helu o nā koho koho, e like me nā mea koho i nā hua'ōlelo hoʻokahi a me nā koho koho. Aia kēia hiʻohiʻona i nā mea kohoʻokoʻaʻehā:

p, .red, #sub, div a: link {color: # f00; }

No laila, pili kēia kulekele CSS i kēia mau mea:

ʻO kēlā mea koho hope loa he mea koho pū. Hiki iāʻoe keʻike ua maʻalahi ia me nā mea koho'ē aʻe ma kēia kaʻina CSS. Me kēlā kulekele, ke hoʻonoho nei mākou i ke kala o # f00 (ʻo ia hoʻi heʻulaʻula) ma luna o kēia mau mea koho 4,ʻo ia ka mea maikaʻi i ke kākauʻana i nā mea koho 4 hoʻohālike e like me ka hopena.

ʻO kekahi haʻawina o ka huiʻana i nā mea koho,ʻo ia, inā makemakeʻoe e hoʻololi, hiki iāʻoe ke hoʻoponopono i kahi hoʻokahi CSS kapu ma mua o nā mea he nui. ʻO keʻano o kēiaʻano e mālama iāʻoe i ka pae kaumaha a me ka manawa e hiki ai ke mālama i ka pūnaewele i ka wā e hiki mai ana.

Hiki i nā koho ke kohoʻia

E like me kāu eʻike ai mai nā hiʻohiʻona i luna nei, hiki ke hoʻonohoʻia kekahi koho pololei i kahi hui, aʻo nā māhele a pau i loko o ka palapala e pili ana i nā pūʻulu hui pū kekahi e like nō ia me ka waiwai o kēlāʻano.

Makemake kekahi poʻe e koho i nā lālā hui i nā laina maʻamau no ka legibility ma ke code. ʻO ka hiʻohiʻona ma luna o ka pūnaewele a me ka wikiwiki o ka hoʻoili ka mea like. Eia kekahi laʻana, hiki iāʻoe ke hoʻohui i nāʻano i hoʻokaʻawaleʻia e nā pākuhi i kahiʻoihanaʻano hoʻokahi ma kahi laina helu:

l, td, p.red, div # mua 'o: kaʻulaʻula:ʻulaʻula; }

aiʻole e hiki iāʻoe ke hoʻopaʻa i keʻano ma nā laina kiko'ī no ka mālamalama:

ʻo,
td,
p.red,
wae mua # mua
{
lele:ʻulaʻula;
}

Ma kēlāʻano kēiaʻano āu e hoʻohana ai e hoʻohui i nā mea koho CSS nui e wikiwiki i kāu pūnaewele a e maʻalahi i ka mālamaʻana i nāʻano lōʻihi lōʻihi.

Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard ma 5/8/17.