Jiri CSS ruo Zero N'akụkụ na n'akụkụ gị

Ihe nchọgharị weebụ nke oge a abịawo ogologo oge site na ụbọchị ọhụụ ebe ọ bụla ụdị cross-nchọgharị nọgidesiri ike na-eche echiche. Ihe nchọgharị weebụ dị ugbu a bụ ihe niile dị mma-na-akwado. Ha na-egwuri egwu ma na-enyefe ngosi ngosi nke na-agbanwe agbanwe na-agafe ihe nchọgharị dị iche iche. Nke a na-agụnye nsụgharị ọhụrụ nke Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Njem Ileta Ụmụ Anụmanụ, na ihe nchọgharị dị iche iche dị na ọtụtụ ngwaọrụ mkpanaka iji jiri nweta ebe nrụọrụ weebụ taa.

Ọ bụ ezie na enwere ọganihu mgbe ọ bịara na ihe nchọgharị weebụ na otu esi egosipụta CSS, a ka nwere ihe mgbagwoju anya n'etiti nhọrọ ngwanrọ dị iche iche. Otu n'ime ihe ndị na-emekarị ka ndị ahụ na-eme nchọpụta na-agbakwụnye amaokwu, mgbochi, na ala site na ndabara.

N'ihi akụkụ ndị a nke ụdị ihe nlereanya igbe ahụ bụ ihe niile HTML, nakwa n'ihi na ọ dị ha mkpa ịmepụta ndokwa peeji nke, ngosipụta na-ekwekọghị na ya pụtara na ibe nwere ike ịdị oke mma na otu nchọgharị, ma lee obere anya na onye ọzọ. Iji merie nsogbu a, ọtụtụ ndị na-emepụta weebụ na-eme ka akụkụ ndị a dị n'usoro igbe ahụ dokwuo anya. A na-akpọkwa omume a dị ka "ịpụpụ" ụkpụrụ maka akụkụ ndị dị n'akụkụ, mgbochi, na ala.

A Nkọwa na Defaults Nchọgharị

Ihe nchọgharị weebụ niile nwere ntọala ndabara maka ụfọdụ ngosi nke a na peeji nke. Dị ka ọmụmaatụ, hyperlinks bụ acha anụnụ anụnụ ma gosipụta site na ndabara. Nke a na-agbanwe agbanwe na ihe nchọgharị dịgasị iche iche, ọ bụ ezie na ọ bụ ihe ọtụtụ ndị na-emepụta gbanwee ka ha nwee ike ime ihe dị mkpa nke ọrụ ha kpọmkwem, eziokwu ahụ na ha niile na-amalite site n'otu ntụpọ ahụ na-eme ka ọ dịkwuo mfe ime mgbanwe ndị a. N'ụzọ dị mwute, uru ndabara maka akụkụ ndị ọzọ, mpempe akwụkwọ, na ala adịghị enwe otu ọkwa nke cross-nchọgharị.

Nyochaa Ụkpụrụ Maka Ngalaba na Mgbochi

Ụzọ kacha mma ị ga-esi dozie nsogbu nke igbe na-ekwekọghị ekwekọ bụ ịtọ ntọala niile na ihe nkwụsị nke ihe HTML dị na efu. Enwere ụzọ ole ị ga - esi mee nke a iji gbakwunye iwu CSS a n'ụdị ụzọ gị:

* {oke: 0; Na-akwagharị: 0; }

Ọchịchị CSS a na-eji njirimara * ma ọ bụ agwa anụ ọhịa. Njirimara a pụtara "ihe niile" na ọ ga-ahọrọ ụdị HTML ọ bụla ma debe akụkụ ya na padding ka 0. Ọ bụ ezie na iwu a adịchaghị akọwapụta ya, n'ihi na ọ bụ na mpempe akwụkwọ mpụga gị, ọ ga-enwe ọkwa dị elu karia ihe nchọgharị ụkpụrụ na-eme. Ebe ọ bụ na ndị ahụ na-emebi iwu bụ ihe ị na-edegharị, otu ụdị a ga-emezu ihe ị na-eme ime.

Nhọrọ ọzọ bụ itinye ụkpụrụ ndị a n'ọrụ na HTML na nke anụ ahụ. N'ihi na ihe ndị ọzọ niile dị na peeji nke gị ga-abụ ụmụ nke ihe abụọ a, CSS cascade kwesịrị itinye ụkpụrụ ndị a n'ọrụ niile ndị ọzọ.

html, akụkụ nke anụ ahụ: 0; Na-akwagharị: 0; }

Nke a ga-amalite imewe gị n'otu ebe na ihe nchọgharị niile, mana otu ihe ị ga-echeta bụ na ọ bụrụ na ị gbanwee akụkụ niile na nkwụsịtụ, ị ga-achọ ịgbanye ha azụ maka akụkụ ụfọdụ nke ibe weebụ gị iji nweta ihu ma chee na atụmatụ gị chọrọ.

Uzo

I nwere ike na-eche echiche "mana ọ nweghị ndị nchọgharị nwere ókè gburugburu gburugburu ahụ site na ndabara". Nke a abụghị eziokwu. Usoro ochie nke Internet Explorer nwere oke uzo ma ọ bụ na-adịghị ahụ anya gburugburu gburugburu. Ọ gwụla ma ị setịpụrụ ókèala na 0, ókèala ahụ nwere ike ọgbagha gị nhazi peeji nke gị. Ọ bụrụ na ị kpebiri na ị ga-anọgide na-akwado nsụgharị ndị a na-adịghị mma nke IE, ị ga-achọ ilebara nke a site na-agbakwụnye ihe ndị a na-esote ahụ gị na ụdị HTML:

HTML, ahụ {
oke: 0px;
na-eme akwa: 0px;
ókè: 0px;
}

Yiri ka esi gbanyụọ akụkụ na mgbochi, ụdị ọhụrụ a ga-agbanyụkwa ala ala. I nwekwara ike ime otu ihe ahụ site na iji onye na-ahọrọ akara ngosi gosipụtara na mbụ.

Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard na 9/27/16.