Ị gaghị ejedebe otu klas CSS n'otu mmewere.
Ụdị Style Style (CSS) na- enye gị ohere ịkọwa ọdịdị mmewere site na ịbanye n'ime àgwà ndị ị na-etinye n'ọrụ ahụ. Njirimara ndị a nwere ike ịbụ ma na ID ma ọ bụ klas na, dịka àgwà niile, ha na-agbakwụnye ozi enyemaka nye ihe ndị ha na-ejikọta na. Dabere na njirimara ị gbakwunye na ihe mmewere, ị nwere ike ide CSS onye na-ahọpụta iji mee ihe ndị dị mkpa maka ọdịdị dị mkpa iji nweta ọdịdị ahụ ma chee maka ihe ahụ na ebe nrụọrụ weebụ n'ozuzu ya.
Ọ bụ ezie na ID ma ọ bụ klas na-arụ ọrụ maka ịbanye n'ime ha na CSS iwu, usoro ihe omume weebụ nke oge a na-eme ka ọmụmụ klas mara maka ID, nke ụfọdụ, n'ihi na ha dịchaghị mkpa ma dị mfe ịrụ ọrụ na mkpokọta. Ee, ị ga-ahụ ọtụtụ saịtị ndị na-eji ID, ma a na-eji àgwà ndị ahụ eme ihe karịa ka ọ dị n'oge gara aga ka klas na-ewere akwụkwọ weebụ nke oge a.
Klas Otu ma ọ bụ ọtụtụ na CSS?
N'ọtụtụ ọnọdụ, ị ga-ekenye otu mkpụrụ edemede otu ihe, ma ọ bụ nanị otu klas ị na-ejikọta na ID. Ọ bụ ezie na mmewere nwere ike ịnwe otu ụdị ID, ị nwere ike inye ọtụtụ klas dị iche iche, nakwa, n'ọnọdụ ụfọdụ, ime nke a ga-eme ka peeji gị dịkwuo mfe ịke na ọtụtụ mgbanwe karị!
Ọ bụrụ na ịchọrọ ịnye ọtụtụ klas na ihe mmewere, ịnwere ike ịgbakwunye klas ndị ọzọ ma wepụ ha na ohere na agwa gị.
Dị ka ihe atụ, paragraf a nwere klas atọ:
nkedo na-egosi n'aka ekpe "> Nke a ga-abụ ederede nke paragraf
Nke a setịpụrụ atọ na-esonụ na paragraf tag:
- Azu
- Na-apụta
- N'aka ekpe
Rịba ama oghere n'etiti ọ bụla n'ime ụkpụrụ ndị a. Mpaghara ndị ahụ bụ ihe na-eme ka ha dị iche, klas nke ọ bụla. Nke a bụkwa ihe mere na akụrụngwa aha enweghị ike ịnweta ha, n'ihi na ime nke ahụ ga-eme ka ha dị iche iche.
Dịka ọmụmaatụ, ọ bụrụ na ị jiri "nkwụsị na-ekpe" na-enweghị ohere, ọ ga-abụ uru otu klas, ma ihe atụ n'elu, ebe a na-ekewa okwu atọ a na ohere, debe ha dị ka ụkpụrụ onye ọ bụla. Ọ dị mkpa ịghọta echiche a dị ka ị na-ekpebi ihe nkwekọrịta nke ụlọ ga-eji na ibe weebụ gị.
Ozugbo i nwere ụkpụrụ klas gị na HTML, ị nwere ike wepụta ndị a dị ka klas na CSS gị ma tinye ụdị ị ga-achọ itinye. Ọmụmaatụ.
.pullquote {...}
.featured {...}
p.left {...}
Na ihe atụ ndị a, nkwupụta CSS na ọnụọgụ abụọ ga-adị n'ime ihe nkwado ahụ, nke bụ otú ejiji ndị a ga-esi tinye aka na onye nnweta kwesịrị ekwesị.
Rịba ama - ọ bụrụ na ịtọ otu klas na ihe ụfọdụ (dịka ọmụmaatụ, p.feft), ịnwere ike iji ya dịka akụkụ nke ndepụta nke klaasị; Otú ọ dị, mara na ọ ga-emetụta ihe ndị ahụ kpọmkwem na CSS. N'ikwu ya n'ụzọ ọzọ, ụdị ejiji ahụ ga-emetụta paragraf na klas a ebe ọ bụ na onye nhọta gị na-ekwu na ị ga-etinye ya na "paragraf na uru klas nke 'ekpe'". N'aka nke ọzọ, ndị ọzọ nhọrọ abụọ na ihe atụ adịghị ezipụta ihe ụfọdụ, ya mere, ha ga-etinye aka na ihe ọ bụla na-eji njirimara klas ahụ.
Uru nke ọtụtụ klas
Otutu klas nwere ike ime ka ọ dịkwuo mfe ịgbakwunye mmetụta pụrụ iche na ihe ndị na-enweghị ike ịmepụta ụdị ọhụụ ọhụrụ maka mmewere ahụ.
Dịka ọmụmaatụ, ịnwere ike ịnwe ike ịmegharị ihe na aka ekpe ma ọ bụ ngwa ngwa. Ị nwere ike dee akwụkwọ abụọ dịpụrụ adịpụ na nri na-ese n'elu: aka ekpe; na ise n'elu: nri; n'ime ha. Mgbe ahụ, mgbe ọ bụla ị nwere ihe mmewere ị ga-achọ ịfụgharị aka ekpe, ị ga-agbakwunye klas ahụ "aka ekpe" na ndepụta ya.
Enwere uzo mara nma iga ije ebe a. Cheta na ụkpụrụ weebụ na-ekwu na ịkewa ụdị na ụdị. A na-edozi usoro site na HTML mgbe ụdị dị na CSS.
Ọ bụrụ na ihe odide HTML gị jupụtara na ihe ndị niile nwere klas aha dịka "uhie" ma ọ bụ "ekpe", bụ aha ndị na-ekpebi otú ihe kwesịrị isi ele anya karịa ihe ha bụ, ị na-agafe akara ahụ n'etiti usoro na ụdị. M na-agbalị ịmechapụ aha m ndị na-abụghị ndị na-esote ọmụmụ ihe dị ka o kwere mee n'ihi nke a.
Klas nke otutu, Semantics, na Javascript
Uru ọzọ iji jiri otutu klas bụ na ọ na-enye gị ọtụtụ ohere mmekọrịta.
Ị nwere ike itinye akara ọhụrụ na ihe ndị dị ugbu a site na iji Javascript n'enweghị wepụ klas ọ bụla. I nwekwara ike iji klas kọwaa sistem nke ihe mmewere . Nke a pụtara na ị nwere ike ịgbakwunye na klas ndị ọzọ iji kọwaa ihe mmewere ahụ pụtara snoo. Nke a bụ otú Microformats si arụ ọrụ.
Ọghọm nke ọtụtụ klas
Nnukwu mwepu nke iji ọtụtụ klas na ihe ndị dị na ya bụ na ọ nwere ike ime ka ha bụrụ ihe na-adịghị mma iji lelee ma jikwaa oge. O nwere ike isiri ike ịchọta ụdị uwe na-emetụta ihe mmewere na ọ bụrụ na edemede ọ bụla na-emetụta ya. Ọtụtụ n'ime ụlọ ọrụ ndị dị taa, dịka Bootstrap, na-eji ihe dị iche iche eme ihe n'iji ọtụtụ klas. Usoro ahụ nwere ike isi n'aka na ike ịrụ ọrụ ngwa ngwa ma ọ bụrụ na ị kpacharaghị anya.
Mgbe ị na-eji ọtụtụ klas, ị na-agba ọsọ n'ihe ize ndụ nke inwe ụdị maka otu klas weghaara ụdị onye ọzọ ọbụlagodi ma ọ bụrụ na ị bu n'obi maka nke a. Nke a nwere ike ime ka o sie ike ịchọta ihe mere eji emeghị ụdị gị ọbụna mgbe o yiri ka ha kwesịrị.
Ịkwesịrị ịmara nke ọma, ọbụlagodi na àgwà ndị e tinyere n'ọrụ ahụ!
Site na iji ngwá ọrụ dịka ihe nchọgharị Webmaster na Chrome, ị nwere ike ịhụ ụzọ dị iche iche klas gị na-emetụta ụdị gị ma zere nsogbu nke esemokwu na àgwà.
Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 8/7/17