Iji @import na Cascading Style Sheets (CSS)

E nwere ụzọ dị iche iche ị nwere ike isi tinye CSS n'ụdị na ibe weebụ, gụnyere ma ọ bụ ụdị mpempe akwụkwọ ma ọ bụ ọbụna ụdị edemede . Ọ bụrụ na ị na-eji akwụkwọ mpempe akwụkwọ mpempe akwụkwọ, nke bụ ụzọ a tụrụ aro iji dọọ anya na anya nke akwụkwọ HTML, otu ụzọ bụ iji @import.

Nchịkọta @import na-enye gị ohere ịchọrọ ụdị mpempe akwụkwọ dị iche iche na akwụkwọ gị - ma ọ bụ n'ime peeji HTML ma ọ bụ ọbụna n'ime akwụkwọ CSS ọzọ. Ịkwụsị ọtụtụ ụdị n'ime ụdị faịlụ dị ntakịrị, nke a na-elekwasị anya (otu maka nhazi, otu maka edemede , otu maka ihe oyiyi, wdg) nwere ike ime ka ọ dịkwuo mfe ịchịkwa faịlụ ndị ahụ na ụdị dịgasị iche iche ha nwere. Ọ bụrụ na ịchọrọ inweta uru ahụ, mgbe ahụ ịbịnye faịlụ ndị ahụ bụ ihe ị ga-eme iji mee ka ha niile na-arụ ọrụ maka ntanetị weebụ gị.

Ịbubata na HTML

Iji jiri iwu HTML na HTML gị, ị ga-agbakwunye ihe ndị a na nke akwụkwọ:
:
<ụdị>
@import url ("/ n'ụdị / default.css");

Usoro a ga - ebubata ụdị mpempe akwụkwọ a iji mee ihe na ibe HTML a ma ị nwere ike ijikwa ụdị gị niile na faịlụ ahụ. Ndabere na ụzọ dị mkpa n'ụzọ dị otú a bụ na usoro a anaghị ekwe ka ihe ntanetị yiri. Akwụkwọ a ga-ebudata otu ụdịdị ụzọ ọ bụla tupu ya agafe na peeji nke ọzọ, gụnyere faịlụ CSS ọ bụla ị na-ebubata site na iji usoro a. Nke a ga-enwe mmetụta dị njọ na ọsọ ọsọ na nbudata arụmọrụ gị. Ịtụle otú arụmọrụ arụmọrụ dị mkpa si bụrụ ihe ịga nke ọma na ebe nrụọrụ weebụ taa, naanị nzaghachi a nwere ike ịbụ ihe mere ị ga - eji zere iji @port.

Ụzọ ọzọ

Dị ka ihe ọzọ na iji @import na HTML gị, ị nwere ike jikọọ na CSS faịlụ dika nke a:

Ọrụ ndị a yiri nke ahụ na @import n'ihi na ọ na-enye gị ohere ijikwa CSS niile site na otu ebe etiti etiti, ma usoro a kacha mma site na nbudata nbudata. Ọ bụrụ na ị ka chọrọ ịde ụdị ụdị dịgasị iche iche na faịlụ dị iche iche, ịnwere ike ịnọgide na-eme nke a ma jiri ọrụ ọrụ ndị ahụ n'ime faịlụ CSS gị ukwu. Nke a pụtara na enwere ike ijikwa faịlụ gị CSS ọzọ, ma ebe ọ bụ na ha nile batara n'ime otu CSS ukwu, arụmọrụ ka mma.

Ịbubata na CSS

Iji akara ihe atụ n'elu ga-eweta faịlụ "default.css" iji jiri na peeji HTML gị. N'ime faịlụ CSS, ị ga-enwe ụdị ejiji dị iche iche gị. Ị nwere ike ịnweta ụdị ejiji niile na ibe ahụ, ma ọ bụ ịnwere ike iji @import mee ka ha kewaa maka nchịkọta dị mfe. Ọzọkwa, ka anyị kwuo na anyị na-eji 4 iche iche CSS faịlụ - otu maka nhazi, otu maka typography, na otu maka ihe oyiyi. File nke anọ bụ faịlụ "nna ukwu" anyị nke bụ ihe njikọ njikọ anyị (maka ihe atụ a, nke a bụ "default.css"). N'elu elu nke nnapụta CSS ahụ, anyị nwere ike ịgbakwunye iwu ndị dị n'okpuru ebe a:

@import url ('/ styles / layout.css');
@import url ('/ styles / type.css');
@import url ('/ styles / images.css');

Rịba ama na iwu ndị a ga- abụrịrị ọdịnaya niile dị na CSS ka ha rụọ ọrụ. Ị nwere ike ịnwe ụdị CSS ọ bụla tupu iwu mbubata ndị a!

N'okpuru iwu ndị mbubata ahụ, ịnwere ike ịgbakwunye ụdị CSS ọ bụla ọzọ ịchọrọ ịnwe na mpempe akwụkwọ gị. Mgbe a na-eburu faịlụ CSS ahụ n'isi, ọ ga-ebubata faịlụ ndị a dị iche iche ma gbakwunye n'ụdị ha gaa n'elu nke ụdịdị ahụ. Ọ ga-enwe ụdị àgwà gị niile n'okpuru ndị a dị mkpa, na-ekepụta faịlụ CSS zuru ezu na ihe nchọgharị weebụ ga-eji gosipụta saịtị gị. Ị ga-enweta uru nke ijikwa faịlụ dị ntakịrị, faịlụ ndị ọzọ ka echekwara ka ị na-enwe otu ụdị usoro njikọ na HTML ahụ.

Iji & # 64; mbubata maka Ajụjụ Media

Otu ihe ị nwere ike ịtụle na-eme ya ekewapụ gị na ebe nrụọrụ weebụ mgbasa ozi gbara ajụjụ maka anabata website ekwekọghị n'ime faịlụ dị iche iche. N'ihi na ụdị mgbanwe ndị a nwere ike ịghọ ihe mgbagwoju anya mgbe a hụrụ ya na saịtị gị dịka usoro iwu ndị ọzọ, inwe ha n'onwe ha na faịlụ dị iche nwere ike ịmasị. Otu nchegbu banyere usoro a bụ na, ebe iwu iwu gị na-ebu ụzọ bụrụ nke mbụ, nke a pụtara na a ga-ebu ụzọ jụọ ajụjụ mgbasa ozi gị tupu ụdị ọrụ ndị ọzọ gị. Mgbe ị na-emepụta ebe nrụọrụ weebụ na-ebugharị na-eji arụ ọrụ, nke a nwere ike ịbụ nsogbu. N'ihi nke a, a na-atụ aro ka ị ghara ịmepụta ụdị ọrụ gị dị iche iche ma jiri @import mee ka ha banye na saịtị gị. Ee, enwere ike ịba uru na ime nke a, ma ihe nkwụghachi ahụ ga-aba uru karịa uru ahụ.

Achọrọ M Iji & # 64; mbubata?

Mba, ị naghị. Ọtụtụ saịtị na-egosipụta ụdị ụzọ ha kachasị n'ime otu faịlụ na, dị ka faịlụ ahụ nwere ike ịbụ, ọ na-ejikwa ya (nke a bụ otú m si eme ya na ọrụ m). Ọ bụrụ na ịchọta @import aka, mgbe ahụ, ọ nwere ike ịbụ akụkụ nke arụmọrụ gị. Ma ọ bụghị ya, ịnwere ike rụọ ebe nrụọrụ weebụ na-enweghị nchebe na otu ụdị usoro gị nke CSS.

Nkwado Nchọgharị

Nnọọ, ndị agadi ochie nchọgharị nwere nsogbu na ụfọdụ n'ime iwu ndị a, ma ndị nchọgharị a agaghị ele gị anya n'oge a. Nke a bụ eziokwu karịsịa ugbu a na njedebe nke ndụ maka oge ochie nke Internet Explorer agafeela. N'ikpeazụ, ọ bụrụ na ị kpebie iji iwu iwu ndị nchịkwa gị na HTML ma ọ bụ CSS, ekwesịrị ka ị ghara itinye nsogbu na ihe nchọgharị weebụ ma ọ bụrụ na i nwere mkpa dị iche iche iji kwado nsụgharị IE.

Ihe mbụ nke Jennifer Krynin dere. Edited by Jeremy Girard.