Klas na ID na-enyere aka ịgbasa CSS
Ulo oru ulo oru na webwaputa taa choro ihe omumu nke CSS. Ndị a bụ ntụziaka na ị na-enye weebụsaịtị iji chọpụta otú ọ ga-esi na windo nchọgharị. Ị na-etinye usoro nke "n'ụdị" na akwụkwọ HTML gị nke ga-eme ka anya na mmetụta nke webpage gị.
E nwere ọtụtụ ụzọ ị ga-esi tinye ụdị ndị ahụ e kwuru na mbụ n'akụkụ akwụkwọ, ma ọtụtụ mgbe ịchọrọ iji ụdị na ụfọdụ n'ime ihe ndị dị na akwụkwọ, ma ọ bụghị ihe niile nke ihe ahụ.
Ị nwekwara ike ịmepụta ụdị ị nwere ike itinye na ihe dị iche iche na akwụkwọ, na-enweghị ịmegharị usoro iwu maka ụdị onye ọ bụla. Iji mezuo ụdị ọchịchọ ndị a, ị ga-eji klas na ID HTML àgwà. Njirimara ndị a bụ àgwà zuru ụwa ọnụ nke nwere ike itinye n'ọrụ n'ihe fọrọ nke nta ka ọ bụrụ mkpado HTML ọ bụla .Nke a pụtara na ma ị na-arụ ọrụ nkewa, paragraf, njikọ, ndepụta ma ọ bụ nke ọ bụla n'ime akụkụ ndị ọzọ nke HTML na akwụkwọ gị, ị nwere ike ịtụgharị na klas na ID dị ka enyere gị aka ịrụ ọrụ a!
Ndị Nhọrọ nke klas
Onye nhazi nke klas na-enye gị ohere ịmepụta ọtụtụ ụdị na ụdị ahụ ma ọ bụ mkpado na akwụkwọ. Dịka ọmụmaatụ, ịnwere ike ịchọrọ ụfọdụ akụkụ ederede gị na agba dị iche site na ederede ederede na akwụkwọ ahụ. Mpaghara ndị a pụta ìhè nwere ike ịbụ "anya" na ị na-edebe na ibe. Ị nwere ike ịtọ paragraf gị na klas dị ka nke a:
p {agba: # 0000ff; }
p.alert {agba: # ff0000; }
Ụdị ndị a ga-edozi agba nke paragraf niile na-acha anụnụ anụnụ (# 0000ff), ma paragraf ọ bụla nwere mkpụrụ edemede nke "anya" ga-edozi ya na red (# ff0000). Nke a bụ n'ihi na agwa ndị ahụ nwere ọkwa dị elu karịa ọchịchị CSS mbụ, nke na-eji njiri mkpado.
Mgbe ị na-arụ ọrụ na CSS, otu nchịkọta kpọmkwem ga-eme ka ihe na-adịchaghị mkpa. Ya mere, na ihe atụ a, usoro iwu n'ozuzu na-edozi agba nke paragraf niile, ma nke abụọ, iwu karịrị ka ọ na-agbaghara na ịtọ na paragraf ụfọdụ.
Nke a bụ otu esi eme nke a na ntinye HTML:
Paragraf a ga-egosipụta na-acha anụnụ anụnụ, nke bụ ndabara maka ibe.
Paragraf a ga-abụkwa na-acha anụnụ anụnụ.
Paragraf a ga-egosipụtakwa na-acha uhie uhie ebe ọ bụ na ọdịdị nke klas ga-ehichapụ agba acha anụnụ anụnụ site na onye nhọpụta nhọrọ nhazi.
N'ihe atụ ahụ, ụdị "p.alert" ga-emetụta naanị ihe gbasara paragraf na-eji "edemede" ahụ .Ọ bụrụ na ịchọrọ iji klas ahụ gafee ọtụtụ ihe HTML, ị ga-ewepụ ihe HTML ahụ site na mmalite nke ụdị oku (dị nnọọ ka ị ga-ahapụ oge (.) na ebe), dika nke a:
.alert {ndabere-agba: # ff0000;}
Ugbua a di ugbu a maka ihe obula choro ya. Ihe obula nke HTML gi nke nwere akuko nke akwukwo "nche" gabu uzo a. Na HTML n'okpuru, anyị nwere ma paragraf na isi ọkwa 2 nke na-eji "anya" klas. Ndị a abụọ ga-enwe agba-acha ọbara ọbara na-adabere na CSS anyị gosipụtara.
A ga-edezi paragraf a na-acha uhie uhie.
Nke a h2 ga-abụkwa ọbara ọbara
N'ebe nrụọrụ weebụ taa, a na-ejikarị ọtụtụ ihe ndị a na-eme ihe na klas n'ihi na ha dị mfe ịrụ ọrụ site na nkọwa dị iche iche nke ID bụ. Ị ga-achọta peeji ndị HTML kachasị ugbu a iji jupụta n'ụkpụrụ klas, ụfọdụ n'ime ha na-aza ugboro ugboro na akwụkwọ na ndị ọzọ nke nwere ike ịpụta ozugbo.
Nhọrọ ID
Onye nnochi ID na - enye gị ohere ịnye aha na otu ụdị n'emeghị ya na mkpado ma ọ bụ mmemme HTML ọzọ . Gwa na ị nwere nkewa na ntinye HTML gị nke nwere ihe ọmụma gbasara ihe omume.
Ị nwere ike inye nke a nke bụ ID nke "ihe omume", ma ọ bụrụ na ịchọrọ ịkọwaa nkewa ahụ na oke 1-pixel n'obosara oke obosara ị dee koodu ID dị ka nke a:
#event {ókèala: 1px siri ike # 000; }
Ihe ịma aka na ndị Nhọrọ ID bụ na enweghi ike imeghachi ha na ihe HTML. Ha ga-adị iche (ị nwere ike iji otu ID ahụ na ọtụtụ peeji nke saịtị gị, mana naanị otu ugboro na akwụkwọ ọ bụla nke HTML). Ya mere, oburu na i nwere ihe omuma ato nke ihe ndi a choro, choro ka ha nye ha ID nke "event1", "event2" na "events3" na otu nke ha. Ya mere, ọ ga-adịrịrị mfe karị iji ihe a na-akpọ "ihe omume" ahụ na-ekwu na otu mgbe.
Ihe ịma aka ọzọ na njirimara ID bụ na ha nwere ọkwa dị elu karịa àgwà ndị klas. Nke a pụtara na ọ bụrụ na ịchọrọ ịchọta CSS nke na-emeri usoro e guzobere, ọ nwere ike isiri gị ike ime ya ma ọ bụrụ na ị tụkwasịrị obi na NJ. Ọ bụ n'ihi nke a na ọtụtụ ndị mmepe weebụ enwekwaghị ike iji ID na ntinye ha, ọbụlagodi ma ọ bụrụ na ha na-ezube iji uru ahụ mee ihe n'otu oge, ma bụrụ ndị na-atụgharị anya na àgwà ndị a na-adịghị ahụkebe maka ihe fọrọ nke nta ka ọ bụrụ ụdị niile.
Otu ebe ebe njirimara ID na-abanye n'ime egwu bụ mgbe ịchọrọ ịmepụta ibe nwere njikọ njikọ arịlịka. Dịka ọmụmaatụ, ọ bụrụ na ị nwere ebe nrụọrụ weebụ na-ejikọta ọnụ nke nwere ihe niile dị n'otu ibe na njikọ ndị "na-awụlikwa elu" gaa n'akụkụ dị iche iche nke ibe ahụ. A na-eme nke a iji njirimara ID na njikọ ederede na-ejikọ njikọ njikọta ndị a.
Ị ga-atụkwasị uru nke àgwà ahụ, tupu akara #, na àgwà href nke njikọ ahụ, dị ka nke a:
Nke a bụ njikọ
Mgbe ịpịrị ma ọ bụ metụrụ, njikọ a ga-etinyere akụkụ nke ibe ahụ nwere àgwà ID a. Ọ bụrụ na enweghị mmewere na ibe ahụ jiri uru ID a, njikọ ahụ agaghị eme ihe ọ bụla.
Cheta, ọ bụrụ na ịchọrọ ịmepụta na-edekọ na saịtị, iji njirimara ID ga-achọrọ, mana ị ka nwere ike ịtụgharị na klas maka nzube izugbe CSS. Nke a bụ otú m si emetụ elu peeji nke taa - M na-eji ndị nhazi nke klas dị ka o kwere omume na naanị na-agagharị na NJ mgbe m chọrọ ka àgwà ahụ na-eme ọ bụghị naanị dị ka nko maka CSS kamakwa dịka njikọ njikọ na ibe.
Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 8/9/17