Kedu ihe dị iche n'etiti @import na njikọ maka CSS?

Ọ bụrụ na i lere anya na Weebụ ma lee koodu nke ibe weebụ dị iche iche, otu ihe ị nwere ike chọpụta bụ na saịtị dị iche iche na-agụnye faịlụ CSS ha dị iche iche - ma ọ bụ site na iji mbido @import ma ọ bụ site na njikọ na nke ahụ CSS faịlụ. Kedu ihe dị iche n'etiti @import ma jikọta maka CSS na otu esi kpebie onye kachasị mma maka gị? Ka anyị lee anya!

Ihe dị iche n'etiti & # 64; mbubata na & lt; njikọ & gt;

Tupu ị na-ekpebi usoro ị ga-eji tinye akwụkwọ edemede gị, ị ga-aghọta ihe ụzọ abụọ a ezubere iji mee.

- Njikọ bụ ụzọ mbụ maka itinye akwụkwọ mpempe akwụkwọ mpempe akwụkwọ na ibe weebụ gị. A na-ezubere iji jikọta ibe weebụ gị na mpempe akwụkwọ gị. A na-agbakwunye ya na nke akwụkwọ HTML gị dị ka nke a:

@import - Ịbubata na-enye gị ohere ịbubata otu ụdị mpempe akwụkwọ n'ime ọzọ. Nke a dị nnọọ iche karịa ọnọdụ njikọ ahụ, n'ihi na ị nwere ike ibubata ụdị mpempe akwụkwọ n'ime akwụkwọ mpempe akwụkwọ jikọtara ya. Ọ bụrụ na ị na-agụnye @import n'isi nke akwụkwọ HTML gị, edere ya dị ka nke a:

ụdị ụdị = "ederede / css"> @ mbubata url ("styles.css");

Site na elele anya, ọ dịghị ihe dị iche n'etiti njikọta na mpempe akwụkwọ mpempe akwụkwọ ma ọ bụ mbubata ya. Ụzọ ọ bụla dị mma ma ụzọ ọ bụla ga-arụ ọrụ nke ọma (n'ọtụtụ ọnọdụ). Otú ọ dị, e nwere ihe ụfọdụ mere ị ga-eji jiri otu karịa nke ọzọ.

Ntak Jiri & # 64; mbubata?

Ọtụtụ afọ gara aga, ihe kpatara ya maka iji @import kama (ma ọ bụ ya na) bụ n'ihi na ndị nchọgharị ochie aghọtaghị @import, yabụ ị nwere ike zoo ụdị ha. Site na ịbubata ụdị akwụkwọ gị, ị ga-eme ka ha nwee ike ịchọta ha ugbu a, ndị na-akwado ihe nchọgharị dị na ya mgbe ha "na-ezo" ha site na nsụgharị nsụgharị ochie.

Ihe ọzọ eji eme ihe maka @import bụ iji ọtụtụ ụdị akwụkwọ dị na peeji nke, ebe ọ gụnyere naanị otu njikọ na akwụkwọ gị si . Dịka ọmụmaatụ, ụlọ ọrụ nwere ike ịnwe ụdị mpempe akwụkwọ zuru ụwa ọnụ maka ibe ọ bụla na saịtị ahụ, na ngalaba ndị nwere mpaghara ndị ọzọ na-emetụta nkeji ahụ. Site na ijikọta na ụdị akụkụ mpaghara na ibubata ụdị ụwa niile dị n'elu ụdị akwụkwọ ahụ, ịkwesighi ịdebe akwụkwọ mpịakọta na ụdị niile maka saịtị na mpaghara ọ bụla. Nanị ihe a chọrọ bụ na iwu ọbụla na-achị iwu ga-abịa n'ihu usoro iwu gị. Ọzọkwa, jide n'aka cheta na ihe nketa nwere ike ịbụ nsogbu.

Ihe mere eji & lt; njikọ & gt ;?

Ọnụ ọgụgụ ahụ mere eji eji ụdị ọkpụkpọ jikọtara ya bụ inye ndị ọzọ ndị na-ere ahịa gị ụdị ọkpụkpọ. Nchọgharị dị ka Firefox, Safari, na Opera na-akwado rel = "àgwà ọzọ styleheet" na mgbe enwere otu ga-ekwe ka ndị na-ekiri gbanwee n'etiti ha. I nwekwara ike iji mpịpị JavaScript mee ka ọ gbanwee n'etiti ụdị akwụkwọ IE. Nke a na-ejikarị ya na Nhazi Zoom maka ebumnuche nwere ike ime ihe.

Otu n'ime nzaghachi iji iji @import bụ na ọ bụrụ na i nwere isi na naanị iwu ọchịchị na-achị na ya, ibe gị nwere ike igosi "flash nke unstyled content" (FOUC) ka ha na-ebu. Nke a nwere ike ịbụ ndị na-ekiri gị. Ntuzi dị mfe na nke a bụ iji jide n'aka na ị nwere ọ dịkarịa ala otu ọzọ ma ọ bụ mmewere na gị.

Kedu maka ụdị mgbasa ozi?

Ọtụtụ ndị edemede na-ekwupụta na ị nwere ike iji ụdị mgbasa ozi zoo ụdị mpempe akwụkwọ site na ndị nchọgharị ochie. Ọtụtụ mgbe, ha kwuru na nke a dị ka uru maka iji ma ọ bụ @import ma ọ bụ , ma eziokwu bụ na ị nwere ike ịtọ ụdị mgbasa ozi na usoro ọ bụla, na ndị nchọgharị ochie na-akwadoghị ụdị mgbasa ozi agaghị ele ha anya na ya .

Kedu usoro i kwesiri iji?

Onwe m, m na-ahọrọ iji wee bubata ụdị mpempe akwụkwọ n'ime mpempe akwụkwọ m, dị ka ọtụtụ ndị na-emepụta weebụ taa. N'ụzọ ahụ, m nwere naanị koodu 1 ma ọ bụ 2 iji gbanwee akwụkwọ m HTML. Ma akara ala bụ na ọ dị gị aka. Ọ bụrụ na ị na-enwekwu ntụsara ahụ na @import, gaa ya! Ụzọ abụọ ahụ bụ ụkpụrụ kwesịrị ekwesị na ọ gwụla ma ị na-eme atụmatụ ịkwado n'ezie ihe nchọgharị ochie, ọ dịghị ezigbo ihe mere ị ga eji eji.

Edited by Jeremy Girard na 2/7/17