Gụnyere nkọwa gị CSS koodu bụ bara uru na ukwuu tụrụ aro.
Ebe nrụọrụ weebụ ọ bụla jupụtara na ihe ndị a na-ahazi (nke HTML na-achịkwa) nakwa dị ka ụzọ nlele ma ọ bụ "anya na mmetụta" nke saịtị ahụ. Achịcha Mpempe akwụkwọ (CSS) bụ ihe a na-eji na-achịkwa ọdịdị anya nke mkpokọta weebụ. A na-edebe ụdị ndị a dị iche iche na sistemụ HTML iji mee ka ọnọdụ dị mfe nke imelite na ịrapara na ụkpụrụ nke Weebụ.
Site na mgbagwoju anya nke ọtụtụ ebe nrụọrụ weebụ taa, ụdị mpempe akwụkwọ nwere ike ịbịaru ọsọsọ ma dị oke arụ ọrụ. Nke a bụ eziokwu karịsịa mgbe ị na-amalite na-agbakwunye na mgbasa ozi gbara ajụjụ maka anabata nrụọrụ weebụ . Ajụjụ ndị ahụ na mgbasa ozi naanị nwere ike itinye ọnụ ọgụgụ ọhụrụ dị iche iche na akwụkwọ CSS ma na-eme ka ọ sikwuoro ike ịrụ ọrụ. Nke a bụ ebe CSS nwere ike ịghọ ezigbo aka na mkpokọta.
Ihe na-agbakwụnye na faịlụ CSS si webata bụ ụzọ dị mma isi gbakwunye usoro nke koodu ahụ maka onye na-agụ mmadụ nke na-enyocha akwụkwọ ahụ. Ọ bụkwa ụzọ magburu onwe ya maka ịkọwa ụdị ndị a maka ọkachamara weebụ nke nwere ike ịrụ ọrụ na saịtị ahụ n'ọdịnihu - tinyere onwe gị!
Na njedebe, tinyekwuo nkọwa nke CSS ga-eme ka mpempe akwụkwọ dị mfe ịhazi. N'ezie, nke a bụ ihe dị mkpa maka mpempe akwụkwọ nke ndị otu na-edezi. Enwere ike iji nkwuputa iji kọwaa akụkụ dị mkpa nke akwụkwọ mpempe akwụkwọ na ndị dị iche iche nke otu nwere ike ọ gaghị ama ama koodu ahụ. Ihe ndị a nwekwara ike inye aka maka ndị na-arụ ọrụ na saịtị ahụ tupu ha abanye na koodu ahụ mgbe ha si na ya pụọ ruo oge ụfọdụ. M na-edikarị ebe nrụọrụ weebụ m rụrụ ọnwa ma ọ bụ ọbụna afọ ole na ole gara aga ma nwee nkọwa dị mma nke edepụtara na HTML na CSS bụ enyemaka dị nnọọ mma! Cheta, naanị n'ihi na ị wuru saịtị ọ pụtaghị na ị ga-echeta ihe mere i ji mee ihe ndị ị mere mgbe ị laghachiri na saịtị ahụ n'ọdịnihu! Nkwupụta nwere ike ime ka ebumnuche gị kpochapụ ma kpochapụ nghọtahie ọ bụla tupu ha emee.
Otu ihe iji ghọta ihe CSS kwuru bụ na ha egosighi mgbe saịtị ahụ sụgharịrị na ihe nchọgharị weebụ. Ihe ndị ahụ na-akọwa naanị, dịka okwu HTML bụ (ọ bụ ezie na syntax dị iche n'etiti abụọ). Ihe CSS ndị a adịghị emetụta nhụpụ anya nke saịtị na n'ụzọ ọ bụla ma na-eweta nanị koodu ahụ n'onwe ya.
Na-agbakwụnye Comments CSS
Itinye okwu CSS dị mfe. Nanị ịdee okwu gị na ntinye okwu mmeghe na okwu mmechi:
- Malite okwu gị site na ịgbakwunye / *
- Mechie okwu gị site na ịgbakwunye * /
Ihe ọ bụla nke na-egosi n'agbata mkpado abụọ a ga-abụ ọdịnaya nke okwu ahụ, ọ bụ naanị na koodu ahụ ma ọ bụ sụgharịa ya.
Okwu CSS nwere ike ịbụ otu akara, ma ọ bụ na ọ nwere ike iburu ọtụtụ akara. Nke a bụ otu ihe atụ ntanetị:
div # border_red {ókèala: mkpa siri ike uhie; } / * akara uhie uhie * /Na ihe atụ multiline:
/ ************************************** ****** Style maka ederede ederede ************************ ************ *************** /Na-ekewapụ ngalaba
Otu n'ime ụzọ m na-ejikarị eme ihe CSS bụ ịhazi mpempe akwụkwọ m dịka obere, ihe nkwụsị nke na-adịghị mfe. Ọ na-amasị m inwe ike ịhụ akụkụ ndị a n'ụzọ dị mfe mgbe m dere faịlụ ahụ mgbe e mesịrị. Iji mee nke a, m na-agbakwụnye ọtụtụ nkwupụta na ha ka ha wee nye nnukwu nkwụsịtụ na peeji nke dị mfe ịhụ ka m na-ebugharị ngwa ngwa site na koodu ahụ. Nke a bụ ihe atụ:
/ * ----------------------- Ntughari isi ----------------------- ------- * /Mgbe m hụrụ otu n'ime ihe ndị a na koodu m, Amaara m na ọ bụ mmalite nke ngalaba ọhụrụ nke akwụkwọ ahụ, na-ahapụ m ka m nwee ike ịhazi ngwa ngwa ma jiri koodu ahụ.
& # 34; Na-ekwu okwu & # 34; Usoro
Mkpado mkpado nwere ike ịba uru na usoro nzuzo na mbido otu ibe. Enwere ike iji okwu "kwuo" ma ọ bụ "gbanyụọ" akụkụ nke koodu ahụ iji hụ ihe merenụ ma ọ bụrụ na ngalaba ahụ abụghị akụkụ nke ibe.
Ya mere olee otu oru a si eme? Ọfọn, n'ihi na mkpado nkọwa na-agwa nchọgharị iji leghaa ihe niile dị n'etiti ha, ị nwere ike iji ha ka wepụ oge ụfọdụ nke CSS koodu. Nke a nwere ike ịba uru mgbe ị na-ebudata ya, ma ọ bụ mgbe ị na-agbanwe usoro nhazi weebụ.
Iji mee nke a, naanị ị ga-agbakwunye mkpado okwu mmeghe ebe ịchọrọ ka koodu ahụ malite inwe nkwarụ ma debe ebe mkpirisi ahụ ebe ịchọrọ ka akụkụ ahụ nwere ike kwụsị. Ihe niile dị n'agbata mkpado ndị ahụ agaghị emetụta ngosipụta ihuenyo nke saịtị, na-ahapụ gị ka ị debe CSS ka ị hụ ebe nsogbu nwere ike ịme. Ị nwere ike ịbanye ma dozie nsogbu ahụ ma wepụ ihe ndị si na koodu ahụ.
CSS Ịkwu Atụmatụ
Dị ka recap, ebe a bụ ụfọdụ ndụmọdụ iji cheta maka iji okwu gị CSS:
- Nkwupụta nwere ike ịchọta ọtụtụ ahịrị.
- Nkwupụta nwere ike ịgụnye ihe CSS na ị chọghị sụgharịa ihe nchọgharị, ma achọghị ịchichapụ kpamkpam. Nke a bụ ụzọ dị mma ị ga - esi bipụta akwụkwọ ntanetị nke ebe nrụọrụ weebụ - dịka ijide n'aka na ị ga - ewepụ ụdị ejiji (ma ọ bụrụ na ị hapụ ha kwuru) ọ bụrụ na i kpebie na ị chọghị ha na ebe nrụọrụ weebụ
- Jiri nkwuputa mgbe obula ịdere CSS mgbagwoju anya iji gbakwuo nkowa ma gwa ndi mmepe ozo n'ọdịnihu, ma obu onwe gi n'ọdịnihu, banyere ihe di mkpa ha kwesiri ịma. Nke a ga-echekwa oge mmepe n'ọdịnihu maka ndị niile metụtara ya.
- Comments nwekwara ike ịgụnye meta ozi dika:
- onye edemede
- ụbọchị e kere
- ozi nwebisiinka
Ọrụ
Nkwenye nwere ike inye aka, ma mara na ihe ndị ọzọ ị gbakwunyere na mpempe akwụkwọ, ọ ga - abụ nke na - emetuta ngwa ngwa na arụmọrụ nke saịtị. Nke a bụ ezigbo nchegbu, ma ị ghaghị ịla azụ ịgbakwunye okwu enyemaka na nke ziri ezi maka egwu na arụmọrụ ga-ata ahụhụ. Usoro nke CSS adịghị atụkwasị ụda dị ukwuu na akwụkwọ. Ọ ga-adị mkpa ka ị gbakwunye TONS nke otu okwu iji mee ka mmetụta dị ịrịba ama dị na faịlụ CSS. Ịtinye ọtụtụ njirimara bara uru n'ime CSS gị ekwesịghị inye gị nsogbu ntanetị na ọsọ ọsọ.
N'ikpeazụ, ị ga-achọ ịchọta nguzozi n'etiti okwu enyemaka na ọtụtụ okwu iji nweta abamuru nke ma n'akwụkwọ CSS gị.
Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 7/5/17