Ọnọdụ CSS karịrị Nanị X, Y Coordinates
Nzube CSS abughi ihe di nkpa nke imeputa ihe di n'igwe. Ọbụna na ịrị elu nke ọhụrụ CSS usoro ọgụgụ dị ka Flexbox na CSS Grid, nhazi ka nwere ebe dị mkpa ọ bụla web mmebe akpa akpa aghụghọ.
Mgbe ị na-eji ọnọdụ CSS, ihe mbụ ị ga-eme bụ ịmepụta CSS maka ọnọdụ ị gwa nchọgharị ahụ ma ọ bụrụ na ị na-aga iji ọnọdụ zuru oke ma ọ bụ nke ikwu maka ihe enyere. Ọ dịkwa mkpa ka ị ghọta ọdịiche dị iche n'etiti ihe abụọ a.
Ọ bụ ezie na onye zuru oke na onye ikwu bụ ihe abụọ CSS dị na njirimara ndị a na-ejikarị eme ihe na weebụ, e nwere n'ezie anọ na-ekwu maka ihe onwunwe:
- nke a
- zuru
- onye ikwu
- edozi
Mmetụta bụ ọnọdụ ndabara maka ihe ọ bụla na ibe weebụ. Ọ bụrụ na ị kọwapụta ọnọdụ nke ihe mmewere, ọ ga-abụ ụdị. Nke a pụtara na ọ ga-egosipụta na ihuenyo dabere na ebe ọ dị na akwụkwọ HTML na otú ọ ga-esi gosipụta n'ime usoro nkịtị nke akwụkwọ ahụ.
Ọ bụrụ na i tinye iwu ndị dị ka elu ma ọ bụ aka ekpe na ihe omume nwere ọnọdụ dị oke, a ga-eleghara iwu ndị ahụ anya ma ihe ahụ ga-anọgide na ebe ọ na-egosi na ọ na-agba akwụkwọ. N'eziokwu, ọ ga-abụrịrị na, ọ bụrụ na ọ dị mkpa, ọ dị mkpa ka ịmepụta otu ihe na ọnọdụ CSS ebe ọ bụ na ọ bụ uru ndabara.
Ọnọdụ CSS zuru oke
Nzuzo zuru oke bu ike CSS kachasị mfe ịghọta. Ị na-amalite site na ụlọ ọrụ CSS a:
ọnọdụ: zuru;Uru a na-agwa nchọgharị na ihe ọ bụla a ga-etinye n'ọnọdụ ya kwesịrị iwepụ ya site na ihe odide nke akwụkwọ ahụ ma tinye ya na ebe dị kpọmkwem na ibe. A na-agbakọta nke a na-adabere na nna ochie ahụ nke kachasị na-enweghị isi.
Ebe ọ bụ na a na-ewepụta ihe dị nnọọ n'usoro n'usoro ihe odide ahụ, ọ gaghị emetụta otú e si etinye ihe ndị dị n'ihu ya ma ọ bụ mgbe ọ gasịrị na HTML na ibe weebụ.
Dịka ọmụmaatụ - ọ bụrụ na ị nwere nkewa nke ejiri ọnọdụ nke ikwu (anyị ga-eleba anya na uru a n'oge na-adịghị anya), na n'ime nkewa ahụ ị nwere paragraf ịchọrọ ịmepụta pix 50 site n'elu nkewa ahụ, gị ga-agbakwunye uru nke "zuru oke" na paragraf ahụ na ọnụma ịkwụ ụgwọ nke 50px na ihe "elu", dị ka nke a.
ọnọdụ: zuru; n'elu: 50px;Nke a na -emezi ọnọdụ a ga - egosipụta 50 pikselụ si n'elu nke ahụ dịpụrụ adịpụ - n'agbanyeghị ihe ọzọ gosipụtara n'ebe ahụ na usoro nkịtị. "Ebumnuche gị" zuru oke "jiri ọnọdụ dịtụ dịka ya dị na ya na uru ị bara bụ ikwu na nke ahụ.
Njirimara ọnọdụ anọ ị nwere ike iji mee ihe bụ:
- n'elu
- nri
- ala
- n'aka ekpe
Ị nwere ike iji ma n'elu ma ọ bụ ala (ebe ọ bụ na enweghi ike itinye ọnọdụ dịka ụkpụrụ abụọ a) na ma ọ bụ aka nri ma ọ bụ aka ekpe.
Ọ bụrụ na e setịpụrụ otu ihe n'ọkwá zuru oke, mana ọ dịghị ndị nna nna ya na-enweghị isi, mgbe ahụ, ọ ga-etinye ọnọdụ maka akụkụ ahụ, nke bụ ọkwa kachasị elu nke ibe ahụ.
Ọnọdụ dị mma
Anyi ekwuola ebe ndi mmadu no, ya mere, ka anyi lelee ihe onwunwe ahu ugbua.
Njikọ dị na ya na-eji otu ihe anọ dị ka ebe zuru oke, mana kama ịkwanye ọnọdụ nke mmewere n'elu nna ya kachasị mma, ọ na-amalite site na ebe mmewere ga-abụ ma ọ bụrụ na ọ ka na-arụ ọrụ.
Dịka ọmụmaatụ, ọ bụrụ na ị nwere paragraf atọ na ibe weebụ gị, nke atọ nwere "ọkwa: ikwu" nke dị na ya, ọ ga-ewepụ ọnọdụ ya dabere na ebe ọ dị ugbu a.
Paragraf nke 1.
Paragraf nke 3.
Na ihe atụ a dị n'elu, a ga-etinye ọnọdụ paragraf nke abụọ site n'aka ekpe nke mbido akpa, ma ọ ka ga-adị n'okpuru paragraf abụọ mbụ. Ọ ga-anọgide na-arụ ọrụ nke ihe odide ahụ, ma na-ewe iwe ntakịrị. Ọ bụrụ na ị gbanwere ya n'ọnọdụ: zuru; ihe ọ bụla na-esote ya ga-egosipụta na ya, n'ihi na ọ gaghịzi adị na ihe ngosi nke akwụkwọ ahụ.
A na-ejikarị ihe eji eme ihe na ibe weebụ iji setịpụ uru nke ọnọdụ: onye ikwu na-enweghị nkwụsị ụgwọ a kwadoro, nke pụtara na ihe ahụ na-anọgide kpọmkwem ebe ọ ga-apụta na usoro nkịtị. A na-eme nke a naanị iji gosi na mmemme ahụ dị ka ihe gbara ya gburugburu nke nwere ike ịhazi ihe ndị ọzọ. Dị ka ọmụmaatụ, ọ bụrụ na ị nwere nkewa gbara gburugburu gị na ebe nrụọrụ weebụ na uru klas nke "akpa" (nke bụ ọnọdụ dịkarịsịrị na ntanetị weebụ), a pụrụ ịtọ nkewa ahụ n'ọnọdụ nke onye ikwu ka ihe ọ bụla dị n'ime ya nwee ike iji ya dị ka ihe na-ekwu okwu.
Kedu maka nhazi ọnọdụ zuru oke?
Ntọala zuru oke dị nnọọ ka nhazi zuru oke. A na-agbakọta ọnọdụ nke mmewere n'otu ụzọ ahụ dị ka ezigbo ihe nlereanya, ma edozi ihe edozi na ebe ahụ - ọ dị ka ihe dị ka mmiri . Ihe niile dị na peeji ahụ ga-agafe na nke ahụ.
Iji jiri akụ a bara uru, ị ga - edozi:
ọnọdụ: edozi;Buru n'uche, mgbe ị na-edozi mmezi na ebe gị na saịtị ahụ, ọ ga-ebipụta na ebe ahụ mgbe etinyere ibe weebụ gị. Dịka ọmụmaatụ, ọ bụrụ na mmewere gị dị n'elu nke ibe gị, ọ ga-apụta n'elu ihe ọ bụla e biri ebi - n'ihi na ọ dị na elu nke ibe. Ị nwere ike iji ụdị mgbasa ozi gbanwee otú esi ebipụta akwụkwọ ndị e biri ebi :
Mgbochi ihuenyo {h1 # mbụ {ọnọdụ: edozi; }} Mpempe akwụkwọ \ h1 # mbụ {ọnọdụ: ihe; }}Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 1/7/16.