အဆိုပါ @import ချဉ်းကပ် အသုံးပြု. သို့မဟုတ်ချိတ်ဆက်နေဖြင့်ဖြစ်စေ - သင်က Web န်းကျင်ကိုကြည့်ခေါ်ဆောင်သွားခြင်းနှင့်အမျိုးမျိုးသော web စာမျက်နှာများ၏ code ကိုကြည့်ရှုအားပေးင့်လျှင်, သင်သတိထားမိခဲ့ကြပေမည်တဦးတည်းအရာကွဲပြားခြားနားသောဆိုဒ်များကိုကွဲပြားခြားနားတဲ့နည်းလမ်းတွေမှာသူတို့ရဲ့ပြင်ပ CSS ကိုဖိုင်များပါဝင်သည်ဖြစ်ပါတယ် CSS ကိုဖိုင်ကို။ သငျသညျမှ CSS ကိုနှင့်မည်သို့များအတွက် @import နှင့် link ကိုကြားခြားနားချက်သင်တို့အဘို့ သာ. ကောင်း၏ရာတစျခုဆုံးဖြတ်ခဲ့သည်ကဘာလဲ? ရဲ့တစ်ကွညျ့ကွစို့!
သွင်းကုန်နှင့် & lt;; link ကို & GT အကြားတွင် & # 64 Difference;
သင့်ရဲ့စတိုင်စာရွက်များထည့်သွင်းရန်သုံးမည့်နည်းလမ်းဆုံးဖြတ်ခြင်းမပြုမီ, သငျသညျနှစ်ခုနည်းလမ်းများအတွက်အသုံးပြုခံရဖို့ရည်ရွယ်ခဲ့ကြသောအရာကိုနားလည်သဘောပေါက်သင့်ပါတယ်။
- link သင်၏ Web စာမျက်နှာများပေါ်တွင်အနေနဲ့ external style sheet အပါအဝင်များအတွက်ပထမဦးဆုံးနည်းလမ်းဖြစ်ပါတယ်။ ဒါဟာသင့်ရဲ့စတိုင်စာရွက်နှင့်အတူသင်၏ Web page ကိုအတူတကွလင့်ထားသည်ရည်ရွယ်သည်။ ဒါဟာကဲ့သို့သင်တို့အက HTML document ရဲ့
ထည့်သွင်းတာဖြစ်ပါတယ်:@import - သွင်းယူအခြားသို့တဦးတည်းက style sheet တင်သွင်းဖို့သငျသညျခွင့်ပြုပါတယ်။ သင်တစ်ဦးနှင့်ဆက်နွယ်စတိုင်စာရွက်အတွင်းပိုင်းစတိုင်စာရွက်များတင်သွင်းနိုငျသောကွောငျ့ဤ link ကိုဇာတ်လမ်းထက်အနည်းငယ်ကွဲပြားခြားနားသည်။ သင်သည်သင်၏ HTML document ရဲ့ဦးခေါင်းတစ်ခု @import ပါဝင်သည်ဆိုပါကဤကဲ့သို့သောတိကျမ်းစာ၌လာသည်ကား:
<စတိုင်အမျိုးအစား = "စာသားကို / css"> တင်သွင်း url ( "ကိုနှိပ်ပြီး") @;တစ်စံချိန်စံညွှန်းရှုထောငျ့မှ, အနေနဲ့ external style sheet ချိတ်ဆက်သို့မဟုတ်ပါကတင်သွင်းအကြားခြားနားခြင်းအလျှင်းမရှိဖြစ်ပါတယ်။ တစ်ခုခုကိုလမ်းမှန်ကန်နှင့်ဖြစ်စေလမ်း (အများဆုံးကိစ္စများတွင်) အညီအမျှကောင်းစွာအလုပ်မလုပ်ပါလိမ့်မယ်။ သို့သော်သင်ကတခြားကျော်တဦးတည်းသုံးစွဲဖို့လိုလိမ့်မည်အနည်းငယ်အကြောင်းပြချက်ရှိပါတယ်။
အဘယ်ကြောင့်အသုံးပြုမှု & # 64; တင်သွင်း?
သင်သည်ထိုသူတို့ထံမှစတိုင်များဖုံးကွယ်နိုင်အောင်အဟောင်းတွေ browser များ, @import အသိအမှတ်မပြုခဲ့ပါဘူးဘာဖြစ်လို့လဲဆိုတော့နှစ်ပေါင်းများစွာအကြာက, အစား (သို့မဟုတ်နှင့်အတူ) @import အသုံးပြုပေးထားခဲ့အသုံးအများဆုံးအကြောင်းပြချက် ဖြစ်ပါတယ်။ အဟောင်း browser ကိုဗားရှင်းအနေဖြင့်သူတို့ကို "ပုန်း" နေချိန်မှာသင့်ရဲ့စတိုင်စာရွက်များတင်သွင်းခြင်းအားဖြင့်, သင်သည်မရှိမဖြစ်လိုအပ်တဲ့ပိုပြီးခေတ်မီစံချိန်စံညွှန်းကိုက်ညီ browser များကသူတို့ကိုမရရှိနိုင်ပါအောင်မည်ဖြစ်သည်။
အဆိုပါ @import နည်းလမ်းများအတွက်နောက်ထပ်အသုံးပြုမှုကိုသာသင့်ရဲ့စာရွက်စာတမ်းရဲ့
အတွက်တစ်ခုတည်း link ကိုအပါအဝင်စဉ်တစ်စာမျက်နှာပေါ်တွင်မျိုးစုံစတိုင်စာရွက်များကိုသုံးပါရန်ဖြစ်ပါသည်။ ဥပမာအားဖြင့်, တစ်ဦးကော်ပိုရေးရှင်းပုဒ်မခွဲသာပုဒ်မခွဲလျှောက်ထားကြောင်းနောက်ထပ်စတိုင်များရှိခြင်းနှင့်တကွ, site ပေါ်တွင်ရှိသမျှစာမျက်နှာတစ်ခုကမ္ဘာလုံးဆိုင်ရာစတိုင်စာရွက်ရှိပေလိမ့်မည်။ အဆိုပါပုဒ်မခွဲစတိုင်စာရွက်ချိတ်ဆက်နှင့်စတိုင်စာရွက်ရဲ့ထိပ်မှာကမ္ဘာလုံးဆိုင်ရာစတိုင်များတင်သွင်းဖြင့်, သင်သည် site နှင့်ရှိသမျှသောပုဒ်မခွဲအားလုံးကိုစတိုင်များနှင့်အတူတစ်အလွန်ကြီးမားသော style sheet ကိုဆက်လက်ထိန်းသိမ်းထားဖို့မလိုပါ။ တစ်ခုတည်းသောလိုအပ်ချက်တစ်စုံတစ်ရာ @import စည်းမျဉ်းစည်းကမ်းတွေကိုသင်၏စတိုင်စည်းမျဉ်းစည်းကမ်းတွေ၏ကျန်ရှေ့တော်သို့ဝင်ရန်လိုအပ်သောကွောငျ့ဖွစျသညျ။ ဒါ့အပြင်ကြောင်းကို၎င်းအောက်မေ့ရန်သေချာစေပါ အမွေဥစ္စာကို နေဆဲပြဿနာတစ်ခုဖြစ်နိုင်ပါသည်။အဘယ်ကြောင့်အသုံးပြုမှု & lt; link ကို & GT ;?
နှင့်ဆက်စပ်စတိုင်စာရွက်များကို အသုံးပြု. များအတွက်နံပါတ်တစ်အကြောင်းပြချက်သင့်ရဲ့ဖောက်သည်များအတွက်အခြားစတိုင်စာရွက်များပေးရန်ဖြစ်ပါသည်။ Firefox, Safari နဲ့တူ browsers, နဲ့ Opera ဟာ rel = "alternate ကိုနှိပ်ပြီး" attribute ကိုထောကျပံ့များနှင့်ရရှိနိုင်ပါတဦးတည်းရှိသည့်အခါကြည့်ရှုသူတို့ကိုအကြားပြောင်းလဲခွင့်ပြုပါလိမ့်မယ်။ သင်တို့သည်လည်း IE ကိုအတွက်စတိုင်စာရွက်များအကြားအကူးအပြောင်းတစ်ခု JavaScript ကိုခလုတ်ကိုသုံးနိုင်သည်။ ဤသည်အများဆုံးမကြာခဏနှင့်အတူအသုံးပြုသည် မှန်ဘီလူး Layout များ အသုံးပြုနိုင်စွမ်းရည်ရွယ်ချက်။
@import သုံးပြီးဖို့အားနည်းချက်များတစ်ခုမှာသင်ကအတွက်ပဲ @import စိုးမိုးရေးနှင့်အတူအလွန်ရိုးရှင်းတဲ့
ရှိပါကသူတို့ loading ကြသည်အတိုင်း, သင်တို့၏စာမျက်နှာများကို "unstyled အကြောင်းအရာ flash ကို" (FOUC) ဖော်ပြရန်စေခြင်းငှါဖြစ်ပါသည်။ ဤသည်သင်၏ကြည့်ရှုသူများကိုရန်အနှောက်အယှက်ဖြစ်စရာကြီးနိုင်ပါသည်။ ဤတစ်ရိုးရှင်းသောပြင်ဆင်ချက်သငျသညျအနညျးဆုံးတစျနောက်ထပ် သို့မဟုတ်သင့် ထဲမှာ