Ihe kpatara nkpo okwu dị mfe na-eme ka ntinye akara
CSS, ma ọ bụ Cashboard Style, bụ ihe a na-ahụ maka ụlọ ọrụ weebụ ka ị gbakwunye ụdị na-ahụ maka saịtị. Na CSS, ị nwere ike ijikwa nhazi ihuenyo, agba, ihe odide , ndabere, na ọtụtụ ndị ọzọ. N'ụzọ bụ isi, ọ bụrụ na ọ bụ ihe ngosi, mgbe ahụ CSS bụ ụzọ isi mee ka ụdị ndị ahụ gaa na ebe nrụọrụ weebụ gị.
Ka ị na-agbakwunye CSS n'ụdị akwụkwọ, ị nwere ike ịchọpụta na akwụkwọ ahụ ga-amalite ogologo oge. Ọbụna obere saịtị nwere nanị peeji ole na ole nwere ike ịnweta faịlụ CSS dị oke - na saịtị buru ibu na nza na peeji nke ọdịnaya pụrụ iche nwere ike ịnwe nnukwu faịlụ CSS. Nke a na-emewanyewanye site na saịtị ndị na- anabata ozi ọma nke nwere ọtụtụ nyocha ajụjụ mgbasa ozi nke gụnyere na ụdị akwụkwọ iji gbanwee otú esi ele anya na-ele anya na ibe na-ewepụta maka nzacha dị iche iche.
Ee, faịlụ CSS nwere ike inwe ogologo oge. Nke a abughi nsogbu kachasị mkpa ma a bịa na arụmọrụ saịtị na nbudata ọsọ ọsọ, n'ihi na ọbụna faịlụ CSS dị ogologo nwere ike ịbụ obere obere (ebe ọ bụ naanị akwụkwọ ederede). N'agbanyeghị nke ahụ, ọ dị ntakịrị ntakịrị ihe ọ na-atụle mgbe ọ na-abịa ọsọ ọsọ ọsọ, yabụ ọ bụrụ na ị nwere ike ịme ihe ntanye akwụkwọ gị, nke ahụ bụ ezi echiche. Nke a bụ ebe "akara" ahụ nwere ike ịbịaru aka n'akwụkwọ gị!
Commas na CSS
Ị nwere ike ịnọ na-eche ihe ọrụ ahụ na-arụ na CSS selector syntax. Dị ka ahịrịokwu, njiri ahụ na-eme ka o doo anya-ọ bụghị koodu-ndị na-ekewapụ. Mkpịsị na oku CSS na- ekewa otutu nhọrọ na otu ụdị.
Dịka ọmụmaatụ, ka anyị lee ụfọdụ CSS n'okpuru.
acha uhie uhie; }
td {agba: uhie; }
p.red {agba: uhie; }
div # firstred {agba: uhie; }
Site na nke a, ị na-ekwu na ịchọrọ mkpado mkpado, mkpado td , mkpado paragraf na klas na-acha uhie uhie, na ọnye mkpado na ID na-ebute ihe niile iji nwee agba agba.
Nke a bụ CSS zuru oke, mana enwere ihe abụọ dị ịrịba ama iji dee ya n'ụzọ dị otú a:
- N'ọdịnihu, ọ bụrụ na ị kpebie ịgbanwe agba agba nke ihe ndị a na-acha anụnụ anụnụ, ị ghaghị ime mgbanwe ahụ ugboro anọ na mpempe akwụkwọ gị.
- Ọ na-agbakwụnye ọtụtụ ihe odide ndị ọzọ na mpempe akwụkwọ gị nke ị na-adịghị mkpa. Ụdị 4 a nwere ike ọ gaghị eyi ka ọ dị ka ọ dị ka ọ dị, ma ọ bụrụ na ị nọgide na-eme nke a n'ofe akwụkwọ gị dum, usoro ahụ ga-agbakwunye na akwụkwọ ahụ ga-adị ukwuu, dị nnọọ ukwuu karịa ka ọ dị.
Ị nwere ike izere ihe ndọghachi azụ ndị a, na ịdee faịlụ CSS gị, anyị ga-anwale iji njirisi.
Iji Commas na-ekewapụ iche
Kama ịdepụta 4 iche iche CSS na 4 iwu, ị nwere ike ikpokọta ụdị ndị a niile n'ime otu iwu ihe onwunwe site na ịwepụ ndị nhọrọ nke otu na njiri. Nke a bụ otú a ga-esi eme ya:
t, td, p.red, div # firstred {agba: uhie; }
Ụdị njirimara ahụ na-arụ ọrụ dị ka okwu "na" n'ime onye nchọta. Ya mere, nke a na-emetụta akara mkpado T na ụta TD na mkpado paragraf na klas ahụ na-acha uhie uhie na ihe nkedo nke ID malitere. Nke ahụ bụ kpọmkwem ihe anyị nwere n'oge gara aga, mana kama ịchọrọ 4 CSS iwu, anyị nwere otu iwu na ọtụtụ nhọrọ. Nke a bụ ihe njirimara ahụ na-ahọpụta, ọ na-enye anyị ohere inwe ọtụtụ nhọrọ na otu nchịkwa.
Ọ bụghị naanị na nke a na-eme ka ọ bụrụ ihe nchekwa, faịlụ CSS dị ọcha, ọ na-emekwa ka mmelite n'ọdịnihu dịkwuo mfe. Ugbu a, ọ bụrụ na ịchọrọ ịgbanwe agba site na-acha uhie uhie na -acha anụnụ anụnụ, naanị ị ga - eme mgbanwe na otu ebe karịa gafee ụdị iwu 4 nke anyị nwere! Chee echiche banyere oge nchekwa a n'ofe dum CSS ma ị hụ otú nke a ga-esi chebe gị ma oge ma ohere n'ime ogologo oge!
Mgbanwe mgbanwe
Ụfọdụ ndị na-ahọrọ ime ka CSS dịkwuo mfe site n'ịkepụta onye nchọta ọ bụla na ya n'onwe ya, kama ide ya niile na otu akara dịka n'elu. Nke a bụ otú a ga-esi eme ya:
nke,
td,
p.red,
div # mbụred
{
agba: uhie;
}
Rịba ama na ị na-etinye akara ọ bụla mgbe onye nhọta ọ bụla wee jiri "tinye" iji mebie onye na-esote onye ọzọ na ya. IKEGHỊ tinye mgbakọ mgbe onye nchọta ikpeazụ.
Site n'iji oku n'etiti ndi nhoputa gi, i meputara akwukwo akwukwo karia nke di mfe imelite na ozo ma nke di mfe karia taa!
Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 5/8/17