Esi esi tinye ihe osise na-emetuta

Nke a bụ otu esi gbakwunye ihe ngosi ihe ngosi na-eji CSS

Lelee ebe nrụọrụ weebụ na-ewu ewu taa na otu nhazi nhazi nke ị ga-ahụ na ọ bụ nnukwu, ihe osise na-ekirikiri ihuenyo. Otu n'ime ihe ịma aka ndị na-agbakwụnye ihe oyiyi ndị a sitere na omume kachasị mma nke weebụsaịtị ga-anakwere nha na ntanetị dị iche iche - nke a maara dị ka mmemme weebụ .

Ebe ọ bụ na mgbanwe ntanetị nke ebe nrụọrụ weebụ gị na nha ihuenyo dịgasị iche iche, ya onwe ya kwa, ihe oyiyi ndị a dị elu ga-ahazi nha ha.

N'eziokwu, "ihe ngosi" a bụ otu n'ime ebe nrụọrụ weebụ na-anabata ozi ọma (ya na ajụjụ ntanetị na ntanetị). Mpempe akwụkwọ atọ a abụwo ihe ntanetị nke weebụ site na mbido, ma ọ bụ mgbe ọ dị mfe ịtinye ihe ngosi inline na saịtị (oyiyi ndị a na-edeghị aha bụ ndị na-ese onyinyo ndị edere dịka akụkụ nke ntinye HTML), na-eme otu ihe oyiyi (nke a na-edebanye na peeji nke na-eji CSS ndabere Njirimara) enyelarị ọhụụ dị ukwuu nye ọtụtụ ndị na-emepụta weebụ yana n'ihu ndị mmepe mmepe. Obi dị m ụtọ, mgbakwunye na akụ "ndabere" na CSS emewo ka nke a mee.

N'okwu dị iche, ekpuchiri m otu esi eji CSS3 akụ na ụba iji gbatịa ihe oyiyi iji daba na windo, ma ọ dị mma karịa, ụzọ bara uru iji dozie maka ụlọ a. Iji mee nke a, anyị ga-eji ihe ndị na-esonụ na uru Nchikota:

ndabere-size: mkpuchi;

Ihe mkpuchi nke isiokwu a na-agwa onye nchọgharị ahụ ka ọ dabaa onyinyo ahụ iji daa window ahụ, n'agbanyeghị oke ma ọ bụ obere window ahụ na-enweta. Ejiri onyinyo ahụ ekpuchi ihuenyo dum, ma a na-echekwa ọdịdị nke mbụ na ọdịiche dị na ya, na-egbochi onyinyo ahụ ka ọ ghara ịgbagọ.

A na-etinye onyinyo ahụ na window dị ka o kwere mee ka e wee kpuchie elu windo niile. Nke a pụtara na ị gaghị enwe ntụpọ ọ bụla na ibe gị ma ọ bụ nkedo ọ bụla na onyinyo ahụ, mana ọ pụtakwara na ụfọdụ n'ime onyinyo ahụ nwere ike idozi ya dabere na akụkụ nke ihuenyo na onyinyo ahụ. Dịka ọmụmaatụ, a ga-ebipụ akụkụ nke onyinyo (ma ọ bụ n'elu, ala, aka ekpe, ma ọ bụ aka nri) na ihe oyiyi ahụ, dabere na ụkpụrụ ndị ị na-eji maka ọnọdụ ihe ndabere. Ọ bụrụ na ị gbasaa ndabere na "aka ekpe", ihe ọ bụla dị na onyinyo ahụ ga-abịa na ala ma n'akụkụ aka nri. Ọ bụrụ na ị na-etolite onyinyo ndabere, njupụta ahụ ga-abịa n'akụkụ niile, ma ebe ọ bụ na a na-agbasabiga ókè ahụ, mmetụta ọ bụla n'akụkụ ọ bụla ga-abụ obere ozi.

Ot'u esi eji ndabere-ihe: mkpuchi;

Mgbe ị na-eke onyinyo ndabere gị, ọ bụ ezi echiche ịmepụta ihe oyiyi dị oke. Ọ bụ ezie na ndị nchọgharị nwere ike ime obere ihe oyiyi n'enweghị mmetụta a na-ahụ anya na njirimara anya, mgbe ihe nchọgharị na-eme ka ihe oyiyi buru ibu karịa akụkụ mbụ nke ya, àgwà dị mma ga-abawanye uru, na-aghọ nke na-aga n'ihu ma na-atụgharị. Ihe dị na nke a bụ na ibe gị na-arụ ọrụ na-ada mgbe ị na-enye nnukwu ihe oyiyi niile na ncha.

Mgbe ị na-eme nke a, jide n'aka na ị ga- akwadebe ihe oyiyi ndị ahụ maka ọsọ ọsọ na nnyefe weebụ . Na njedebe, ịchọrọ ịchọta onye na-enwe obi ụtọ n'etiti nnukwu ogo na ogo na ogo na ụda faịlụ dị mma maka ọsọ ọsọ.

Otu n'ime ụzọ ndị ọzọ a ga - esi jiri ihe osise dị omimi bụ mgbe ịchọrọ ka onyinyo ahụ weghachite ndabere nke ibe, ma ihuenyo ahụ dị obosara ma na-ele ya na kọmputa desktọọpụ ma ọ bụ dị ntakịrị ma na-ezigara ya na ngwaọrụ aka ngwaọrụ.

Bulite foto gị gaa na onye na-elekọta weebụ gị ma tinye ya na CSS dị ka ndabere akwụkwọ:

ihe oyiyi: url (fireworks-over-wdw.jpg);
ndabere-ikwugharị: ọ dịghị-emeghachi;
nkwụsị ọnọdụ: etiti etiti;
agbakwunye agbatị: edozi;

Tinye ihe nchọgharị nke CSS bu ụzọ kwuo:

-obodo-ndabere-ogo: mkpuchi;
-moz-background-size: cover;
ntinye-ogo: mkpuchi;

Wee tinye ihe CSS:

ndabere-size: mkpuchi;

Iji Images di iche iche nke na-adighi ihe di iche iche

Ọ bụ ihe dị mkpa maka imewe desktọọpụ ma ọ bụ ahụmịhe laptọọpụ, ọtụtụ ngwaọrụ ndị nwere ike ịnweta weebụ emeela ka ọ dịwanye njọ, ọtụtụ ọkwa ihuenyo dị iche iche na-abịa na nke ahụ.

Dịka e kwuru na mbụ, ịchọta nnukwu ihe ndabere dị na smartphone, dịka ọmụmaatụ, abụghị arụmọrụ nke ọma ma ọ bụ nke ọma na bandwidth.

Mụta otu ị ga-esi jiri ajụjụ mgbasa ozi jikwaa ihe oyiyi ndị ga-abụ ihe kwesịrị ekwesị na ngwaọrụ ha ga-egosipụta na, ma mezie nkwado weebụ gị na ngwaọrụ mkpanaaka.

Ihe mbụ nke Jennfier Krynin dere. Edited by Jeremy Girard 9/12/17