Ihe dị mkpa pụtara na CSS?

! dị mkpa Agha a Change na Cascade

Otu n'ime ụzọ kachasị mma isi mụta otú e si edebe weebụsaịtị bụ ịlele koodu ntinye nke saịtị ndị ọzọ. Omume a bụ ọtụtụ ndị ọkachamara weebụ na-amụta ọrụ ha, karịsịa na ụbọchị tupu e nwee ọtụtụ nhọrọ maka ọmụmụ ihe mmemme weebụ , akwụkwọ , na ebe ị na-ahụ maka ịntanetị.

Ọ bụrụ na ị na-anwale omume a ma lelee ụdị ihe eji eme ihe na saịtị (CSS), otu ihe ị nwere ike ịhụ na koodu ahụ bụ akara na-ekwu!

Kedu ihe nke ahụ pụtara na, dịka ọ dị mkpa, olee otu i si jiri nkwupụta ahụ mee ihe n'ụzọ ziri ezi na ụdị akwụkwọ gị?

The Cascade nke CSS

Nke mbụ, ọ dị mkpa ịghọta na akpa akwụkwọ ejiji na-eme n'ezie cascade , pụtara na ha na-etinye na a kpọmkwem usoro. N'ikpeazụ, nke a pụtara na a na-eji ụdị ndị ahụ mee ihe n'usoro ka ihe nchọgharị ahụ na-agụ ha. A na-eji ụzọ mbụ mee ihe na nke abụọ na ihe ndị ọzọ.

N'ihi ya, ọ bụrụ na ịke dịka n'elu ụdị mpempe akwụkwọ ma gbanwee ya na akwụkwọ ahụ, nke abụọ nke ụdị ahụ bụ nke a na-etinye na oge ndị ọzọ, ọ bụghị nke mbụ. N'ụzọ bụ isi, ọ bụrụ na ụzọ abụọ na-ekwu otu ihe ahụ (nke pụtara na ha nwere otu ọkwa dị na ya), a ga-eji nke ikpeazụ edepụtara.

Dịka ọmụmaatụ, ka anyị chee na ụdị ndị a dị na mpempe akwụkwọ. Ihe ederede paragraf ga-asụgharị na oji, ọ bụ ezie na ụdị ihe eji eme ihe na-acha uhie uhie.

Nke a bụ n'ihi na edepụtara "nwa" uru nke abụọ. Ebe ọ bụ na a na-agụ CSS n'elu ruo na ala, ụzọ ikpeazụ bụ "nwa" ya mere onye ahụ na-enweta mmeri.

p {agba: uhie; }
p {agba: nwa; }

Lee ka mgbanwe dị mkpa si gbanwee ihe kacha mkpa

Ugbu a ka ị ghọtara otú CSS si edozi iwu ndị a nke nta ka ọ bụ, anyị nwere ike lee otú iwu ahụ dị mkpa si agbanwe ihe dị ntakịrị.

Akwụkwọ ntụziaka ahụ dị mkpa na-emetụta ụzọ nke ọnyà CSS gị na-agbaso mgbe ị na-agbaso iwu ị na-eche na ọ kachasị mkpa ma kwesịkwara itinye ya n'ọrụ. A na-etinye iwu nke nwere ntụziaka dị mkpa ahụ mgbe ọ bụla ebe ọchịchị ahụ dị na akwụkwọ CSS.

Iji mee ka ederede paragraf na-acha uhie uhie, site na ihe atụ ahụ dị n'elu, ị ga-eji:

p {agba: uhie! dị mkpa; }
p {agba: nwa; }

Ugbu a, ederede niile ga-apụta na-acha uhie uhie, ọ bụ ezie na ọnụahịa "nwa" ahụ depụtara nke abụọ. Akwụkwọ ntụziaka ahụ dị mkpa na-emetụta iwu ndị nkịtị nke cascade na ọ na-enye ụdị ahụ dị oke ọnụ.

Ọ bụrụ na ịchọrọ nnọọ ka paragraf na-acha ọbara ọbara, ụdị a ga-eme ya, ma nke ahụ apụtaghị na nke a bụ ezigbo omume. Ka anyị lee anya mgbe ịchọrọ iji ya mee ihe dị mkpa na mgbe ọ na-ekwesịghị ekwesị.

Mgbe iji mee ihe!

Ntuziaka dị mkpa dị ezigbo mkpa mgbe ị na-anwale na debugging website. Ọ bụrụ na ị maghị ihe kpatara ejiji eji eme ihe ma chee na ọ nwere ike ịbụ ihe a kapịrị ọnụ, ị nwere ike ịgbakwunye! Nkwupụta dị oke mkpa na ụdị gị iji hụ ma ọ bụrụ na nke ahụ edozi ya.

Ọ bụrụ na ị gbakwụnye, ọ dị mkpa ka ị dozie nsogbu ịke, ị kpebisiri ike na ọ bụ ihe a kapịrị ọnụ. Otú ọ dị, ịchọọ ịhapụ nke ahụ! Koodu dị mkpa na ebe, a na-etinye ya maka ebe a na-anwale.

Ebe ọ bụ na a nwalere ule, ị ga-ewepụ ntụziaka ahụ ma gbanwee onye nhọta gị iji nweta ihe dị mkpa ị chọrọ iji rụọ ọrụ gị. ! dị oke mkpa ka ọ ghara ịbanye n'ime saịtị mmepụta gị, na nke ụfọdụ n'ihi otú o si agbanwe agbanwe mmiri nkịtị.

Ọ bụrụ na ịdabere na nkwupụta dị mkpa iji mezuo ụdị ịchọrọ ịchọrọ, ị ga-emesị nwee akwụkwọ mpempe akwụkwọ jupụtara! Ị ga-agbanwe agbanwe na ụzọ CSS ahụ si edozi ya. Ọ bụ omume umengwụ nke na-adịghị mma site na nlekọta anya ogologo oge.

Jiri, dị mkpa maka ule ma ọ bụ, n'ọnọdụ ụfọdụ, mgbe ị ghaghị ịghachịrị ụdị ejiji ederede nke bụ akụkụ nke isiokwu ma ọ bụ ndebe template.

Ọbụna n'ụdị ndị ahụ, jiri nlezianya mee ihe dịka o kwere mee ma kama gbalịsie ike ide akwụkwọ nhicha dị ọcha nke na-aghọta nsogbu mmiri.

Ụdị Ụdị Onye Ọrụ

Enwere otu ederede ikpeazụ na ntụziaka dị mkpa dị mkpa iji ghọta. E nyekwara ntụziaka a iji nyere ndị ọrụ weebụ aka ịnagide ụdị mpempe akwụkwọ nke na-eme ka akwụkwọ siere ha ike iji ma ọ bụ gụọ.

Dịka, ọ bụrụ na onye ọrụ akọwapụta akwụkwọ ịkepụta iji lee ibe weebụ, a na-ewepụ akwụkwọ mpempe akwụkwọ ahụ site na ibe akwụkwọ ibe weebụ. Ọ bụrụ na onye ọrụ ahụ gosipụta ụdị dịka! Dị mkpa, ụdị ahụ na-ekpuchi akwụkwọ mpempe akwụkwọ na ibe weebụ, ọbụlagodi na onye edemede ahụ na-ahụ akara dịka!

Nke a na-enye aka maka ndị ọrụ dị mkpa iji dozie n'ụdị dị iche iche. Dịka ọmụmaatụ, onye ọ bụla nwere ike ịnwe mkpa ịgbanye ụdị nzaba ndabara na ibe weebụ niile ha na-eji. Site na iji ntụziaka gị dị mkpa n'ime akwụkwọ ị na-ewu, ị na-enweta mkpa ọ bụla pụrụ iche ndị ọrụ gị nwere ike inwe.

Edited by Jeremy Girard