Kedu ụdị mpempe akwụkwọ mpụta?

Nkọwapụta CSS mpụga na otu esi ejikọta otu

Mgbe ihe nchọgharị weebụ na-ebute ibe weebụ, ụzọ ọ na-egosi bụ nke a na-ekpebi site na ozi site na akpa akwụkwọ ụdị. E nwere ụzọ atọ maka faịlụ HTML iji mpempe akwụkwọ: n'èzí, n'ime ime, na ntinye.

A na-echekwa mpempe akwụkwọ na n'ime-akara n'ime faịlụ HTML onwe ya. Ha dị mfe ịrụ ọrụ n'oge ahụ, ma n'ihi na ha echeghị na ebe dị mkpa, ọ gaghị ekwe omume ime mgbanwe na nhazi ahụ n'ofe weebụ niile n'otu oge; ị ghaghị ịlaghachi n'ime ntinye ọ bụla ma gbanwee ya na aka.

Otú ọ dị, site na mpempe akwụkwọ mpempe akwụkwọ, a na-echekwa ntụziaka maka ịmepụta ibe ahụ na otu faịlụ, nke na-eme ka ọ dị mfe ịmezi styling gafee otu mkpokọta weebụ ma ọ bụ ọtụtụ ihe. The faịlụ na-eji nchịkọta faịlụ .CSS, na njikọ na ebe nke faịlụ a gụnyere na HTML akwụkwọ nke mere na ihe nchọgharị weebụ maara ebe ị ga-achọ ntụziaka nhazi.

Otu ma ọ bụ karịa akwụkwọ nwere ike jikọta na otu CSS faịlụ, na ebe nrụọrụ weebụ nwere ike ịnwe ọtụtụ CSS faịlụ dị iche iche maka ịme dị iche iche peeji nke, tebụl, ihe oyiyi, wdg.

Otu esi ejikọta na mpempe akwụkwọ mpempe akwụkwọ

Ibe weebụ ọ bụla chọrọ iji otu ụdị mpempe akwụkwọ mpempe akwụkwọ dị mkpa iji jikọta faịlụ CSS site n'ime mpaghara , dị ka nke a:

N'ihe atụ a, nanị ihe dị mkpa ka a gbanwee iji tinye ya na akwụkwọ nke gị, bụ ụdị. Nke a bụ ebe gị CSS faịlụ.

Ọ bụrụ na a na-akpọ faịlụ ahụ n'ụdị styles.css ma dị na otu nchekwa ahụ dịka akwụkwọ nke na-ejikọta na ya, mgbe ahụ ọ ga-adịgide dị ka ọ na-agụ n'elu. Otú ọ dị, Ohere bụ gị CSS faịlụ a na-akpọ ihe ọzọ, na nke ikpe ị nwere ike ịgbanwe aha si "ụdị" na ihe ọ bụla nke gị bụ.

Ọ bụrụ na faịlụ CSS adịghị na mgbọrọgwụ nke nchekwa a ma kama n'ime folda nchekwa, ọ nwere ike ịgụ ihe dị ka nke a kama:

Ozi ndị ọzọ na CSS faịlụ

Ihe kasịnụ dị na mpempe akwụkwọ dị iche iche bụ na ha ejikọghị ya na ibe ọ bụla. Ọ bụrụ na a na-arụ ọrụ n'ime ime ma ọ bụ na-ederede, ibe ndị ọzọ na weebụ ahụ enweghị ike ịkọwa mmasị ndị ahụ.

Otú ọ dị, site na nsụgharị ọzọ, ọ bụ otu faịlụ CSS nwere ike iji mee ihe n'ụzọ nkịtị n'ụzọ ọ bụla na ibe weebụ ka ha niile nwee anya edo, na idezi ihe CSS zuru ezu dị na ya dị nnọọ mfe ma bụrụ nke a na-ejikọta.

Ị nwere ike ịhụ otu esi arụ ọrụ n'okpuru ...

Nhazi ime obodo choro iji ogugu ihe eji eme ka ha di iche iche site na mkpado:

<ịke> ahụ [ndabere-agba: akwụkwọ ndụ akwụkwọ ndụ; } h1 {agba: acha anụnụ anụnụ; oke-aka ekpe: 15px; }

Otú ọ dị, ebe ọ bụ na mpempe akwụkwọ dị iche iche dị n'ime faịlụ nke aka ha, ha nwere ike ịmepụta dị ka nke a, ọ pụtakwara otu ihe ahụ dịka ihe atụ n'elu:

ahụ [ndabere-acha: akwụkwọ ndụ akwụkwọ ndụ; } h1 {agba: acha anụnụ anụnụ; oke-aka ekpe: 15px; }

N'ihe atụ ndị a, ntinye ederede na-emetụta otu amaokwu ahụ, gosipụtara n'eziokwu bụ na ọ dị na nkọwa nke nkụzi peeji nke HTML ahụ. Na ihe atụ nke abụọ, CSS ọmụma dị n'onwe ya na faịlụ CSS nke ọ bụla na peeji nke nwere ike ijikọta iji koodu si esi ejikọta na mpaghara Mpempe akwụkwọ Mpempe akwụkwọ n'elu.