Ndị Nhọrọ CSS dị iche iche iji melite ọsọ ọsọ
Arụmọrụ bụ ihe dị mkpa na ebe nrụọrụ weebụ na-aga nke ọma. Ebe ahụ kwesịrị ịdị na-arụ ọrụ nke ọma n'otú o si eji ihe oyiyi eme ihe n'ịntanetị . Nke a ga - enyere aka hụ na saịtị ahụ na - eme nke ọma maka ndị ọbịa ma buru ngwa ngwa na ngwaọrụ ha. Ịrụ ọrụ kwesịrị ịbụ akụkụ nke usoro gị dum, nyere gị aka ịnọgide na-enwe ọganihu na saịtị na oge mmefu ego.
N'ikpeazụ, arụmọrụ na-arụ ọrụ n'akụkụ niile nke mmepụta weebụsaịtị na ogologo oge ịga nke ọma, gụnyere n'ụdị e dere maka saịtị CSS ahụ. N'ịbụ onye nwere ike ịmepụta elekere, faịlụ CSS dị ọcha dị mma, otu n'ime ụzọ ị nwere ike isi mezuo nke a bụ site n'ịchikọta ọtụtụ CSS nhọrọ.
Ndị na-ekekọta otu
Mgbe ị na- ahọrọ ndị CSS , ị na-eji otu ụdị ahụ eme ihe na ọtụtụ ụdị dị iche iche ma ọ bụrụ na ịmegharịghị ụdị ndị dị na mpempe akwụkwọ gị. Kama ịnwe iwu abụọ ma ọ bụ atọ ma ọ bụ karịa karịa, ihe niile a na-eme otu ihe ahụ (ihe atụ, setịpụ agba nke ihe na-acha uhie uhie), ị nwere otu CSS nke na-eme maka ibe gị.
E nwere ọtụtụ ihe mere "nchịkọta nke ndị nhọrọ" ga-eji baa uru na ibe. Nke mbụ, akwụkwọ mpempe akwụkwọ gị ga-adị ntakịrị ma buru ibu ngwa ngwa. N'eziokwu, ejiji akwa abụghị otu n'ime ihe ndị kachasị njọ ma ọ bụrụ na ọ na-abịa ime ka ebe ndị na-ekpo ọkụ kwụsị. CSS faịlụ bụ faịlụ ederede, yabụ, ogologo oge CSS dị ntakịrị, ụda faịlụ nwere ọgụgụ isi, mgbe e jiri ya tụnyere ihe ndị a na-adịghị agụnye. N'agbanyeghị nke ahụ, ọ dị ntakịrị ntakịrị, ma ọ bụrụ na ị nwere ike ịhicha ụfọdụ CSS gị ma weghaa peeji ndị ahụ ngwa ngwa, nke ahụ bụ ihe dị mma ịme.
N'ozuzu, ọsọ ọsọ ọsọ karịa maka ebe dị ala karịa 3 sekọnd; 3 ruo 7 sekọnd bụ ihe dịka nkezi, na ihe karịrị 7 sekọnd dị nnọọ ntakịrị. Ọnụ ọgụgụ dị ala a pụtara na iji nweta ha na saịtị gị, ị ga-eme ihe niile ị nwere ike! Nke a bụ ihe mere ị ga-eji nyere aka mee ka saịtị gị ngwa ngwa na-eji ndị otu CSS họrọ otu.
Esi CSS Họrọ otu
Ikpokọta ndi choputara CSS n'otu akwukwo ogugu gi, i jiri akara abuo kewaputa ndi choputara otutu n'udi. N'ihe atụ nke dị n'okpuru, ụdị ahụ na-emetụta p na div:
div, p {agba: # f00; }Mgbagha ahụ pụtara "na". Ya mere, onye nhọta a na-emetụta ihe niile dị na paragraf na ihe niile. Ọ bụrụ na enwekwaghị ike, ọ ga - abụ ihe niile gbasara paragraf bụ nwa nkewa. Nke a bụ ụdị onye nnwere onwe dị iche iche, ya mere, egbe a na-agbanwe ihe onye nhọtara pụtara!
Enwere ike ichikota ụdị onye ọ bụla na onye ọ bụla ọzọ. N'ihe atụ a, a na-esonyere otu onye nchịkọta nhọrọ na onye nlele ID:
p.red, #sub {agba: # f00; }Ya mere, ụdị a na-emetụta paragraf ọ bụla na àgwà nke "red", na ihe ọ bụla (ebe ọ bụ na anyị ekwughị ụdị nke) nwere ụdị ID nke "sub".
Ị nwere ike ịgọta ọnụ ọgụgụ ọ bụla nke ndị na-ahọrọ ọnụ, gụnyere ndị nhọta na-ekwu okwu ọnụ na ndị nhọtara mgbatị. Ihe atụ a gụnyere ndị nhọrọ anọ dị iche iche:
p, .red, #sub, kọwaa: njikọ {agba: # f00; }Ya mere, usoro CSS a ga - etinye aka na ihe ndị a:
- Ihe ọ bụla paragraf
- Ihe obula na klas nke "uhie"
- Ihe ọ bụla nwere ihe ID nke "sub"
- The "njikọ" nke dị na klas nke ihe arịlịka ihe ndị dị na nke nkewa.
Onye nchọta ikpeazụ a bụ onye nhọtara ọrụ. Ị nwere ike ịhụ na ọ na-ejikọta ya na ndị ọzọ nhọrọ na nke a CSS ọchịchị. Na iwu ahụ, anyị na-edozi agba nke # f00 (bụ nke na-acha uhie uhie) na ndị nhọrọ 4 a, nke kacha mma ide edepụtara ndịiche dị iche iche iji nweta otu nha.
Uru ọzọ nke nchịkọta ndị nhọrọ bụ na, ọ bụrụ na ịchọrọ ịgbanwe, ị nwere ike idezi otu CSS ọchịchị kama ọtụtụ. Nke a pụtara na ụzọ a ga - echekwa gị na oge ọ na - abịa iji nọgide na saịtị ahụ n'ọdịnihu.
Enwere ike ịhazi Otu Onye Nhọrọ
Dịka ị nwere ike ịhụ site na ihe atụ ndị a dị n'elu, a pụrụ itinye onye ọ bụla nwere ike ịhọrọ n'otu ìgwè, yana ihe niile dị na akwụkwọ ahụ nke jikọtara ndị niile agbakọtara ga-enwe otu ụdị ahụ dabere na ụdị ụlọ ahụ.
Ụfọdụ ndị na-ahọrọ ịdepụta ndị otu agbakọta na mpaghara dị iche iche maka legibility na koodu. Ọdịdị dị na ebe nrụọrụ weebụ na ọsọ ibu dị otu. Dịka ọmụmaatụ, ị nwere ike ijikọta ụdị ndị commas kewapụrụ onwe ha na otu ụdị ihe onwunwe n'otu akara koodu:
t, td, p.red, div # firstred {agba: uhie; }
ma ọ bụ ị nwere ike depụta ụdị na mpaghara nke ọhụụ:
nke,
td,
p.red,
div # mbụred
{
agba: uhie;
}
Ụzọ ọbụla ị na-eji jikọta otutu CSS selectors gbadoro ebe nrụọrụ gị ma mee ka ọ dịkwuo mfe ijikwa usoro ogologo oge.
Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 5/8/17.