မည်သို့အနေနဲ့ external style sheet Build မှ

Wide CSS ကိုဆိုက်ကိုအသုံးပြုခြင်း

Website များစတိုင်နဲ့ဖွဲ့စည်းပုံမှာပေါင်းစပ်ဖြစ်ကြသည်ကို၎င်း, ဒီနေ့ရဲ့ web ပေါ်မှာပါကတစ်ဦးချင်းစီကတခြားကနေသီးခြား site တစ်ခု၏ဤနှစ်ခုရှုထောင့်ထားရန်အကောင်းဆုံးအလေ့အကျင့်ဖြစ်ပါတယ်။

HTML ကိုအမြဲ၎င်း၏ဖွဲ့စည်းပုံနှင့်အတူ site တစ်ခုကိုထောက်ပံ့ပေးအဘယ်အရာကိုဖြစ်ခဲ့သည်။ web ၏အစောပိုင်းကာလများတွင် HTML ကိုလည်းစတိုင်သတင်းအချက်အလက်များပါရှိသည်။ အဆိုပါ tag ကိုနဲ့တူဒြပ်စင်ကြည့်ဖြည့်စွက်, HTML code တွေဟာဖြတ်ပြီးနှက်များနှင့်ဖွဲ့စည်းတည်ဆောက်ပုံဆိုင်ရာသတင်းအချက်အလက်နှင့်အတူတွဲပြီးသတင်းအချက်အလက်ခံစားရခဲ့ကြသည်။ ဝဘ်စံချိန်စံညွှန်းများလှုပ်ရှားမှုကိုဒီအလေ့အကျင့်ကိုပြောင်းလဲရန်နှင့်အစား CSS ကိုသို့မဟုတ်ကက်စကိတ်ပုံစံစာရွက်များသို့အားလုံးစတိုင်သတင်းအချက်အလက်တွန်းဖို့ကျွန်တော်တို့ကိုတွန်း။ တစ်ဦးခြေလှမ်းနောက်ထပ်ဒီယူခြင်း, လက်ရှိအကြံပြုချက်များသင်သည်သင်၏ website ကိုပုံစံလိုအပ်ချက်တစ်ခု "external style sheet" အဖြစ်လူသိများသည်အဘယ်အရာကိုအသုံးပြုကြသည်။

external style sheet ၏အားသာချက်များနှင့်အားနည်းချက်များ

Cascading Style Sheet များနှင့် ပတ်သက်. ကိုအကောင်းဆုံးအရာတစ်ခုမှာသင်ကတသမတ်တည်းသင့်ရဲ့တစျခုလုံးရဲ့ site ကိုစောင့်ရှောက်ရန်သူတို့ကိုအသုံးပွုနိုငျသောကွောငျ့ဖွစျသညျ။ ဒီလိုလုပ်ဖို့အလွယ်ကူဆုံးနည်းလမ်းတစ်ခုလင့်ထားသည်သို့မဟုတ်တင်သွင်းဖို့ဖြစ်တယ် external style sheet ။ သင်သည်သင်၏ site ကိုအမှုအမျိုးမျိုးရှိသမျှစာမျက်နှာများအတွက်တူညီ external style sheet သုံးလျှင်သင်တို့ရှိသမျှစာမျက်နှာများတူညီစတိုင်ရှိသည်လိမ့်မည်ဟုသေချာစေနိုင်ပါတယ်။ သင်တို့သည်လည်းလွယ်ကူအနာဂတျအတှကျအပြောင်းအလဲများကိုလုပ်စေနိုင်သည်။ တိုင်းစာမကျြနှာအတူတူ external style sheet ကိုအသုံးပြုဖို့ကတည်းကကြောင်းစာရွက်မှမဆိုပြောင်းလဲမှုတိုင်း site ကိုစာမျက်နှာ impact ပါလိမ့်မယ်။ ဒါဟာတစ်ဦးချင်းစီတိုင်းစာမကျြနှာကိုပြောင်းလဲရှိခြင်းထက်အများကြီးပိုကောင်းပါ!

external style sheet ၏ကောင်းကျိုးများ

  • သငျသညျတခါမှာအတော်ကြာစာရွက်စာတမ်းများ၏အသွင်အပြင်နှင့်ခံစားမှုထိန်းချုပ်နိုင်ပါတယ်။
    • သင်သည်သင်၏ web site ကိုဖန်တီးရန်လူအဖွဲ့တစ်ဖွဲ့နှင့်အတူအလုပ်လုပ်လျှင်ဒီအထူးသဖြင့်အသုံးဝင်သည်။ အတော်များများကစတိုင်စည်းမျဉ်းစည်းကမ်းတွေကိုမှတ်မိဖို့ခက်ခဲနိုင်ပါတယ်, သင်တစ်ဦးပုံနှိပ်စတိုင်လမ်းညွှန်ရှိစေခြင်းငှါစဉ်ကစဉ်ဆက်မပြတ်ဥပမာစာသားကို 12 မှတ် Arial font ကို, ဒါမှမဟုတ် 14 မှတ်ဆက်သား၌ရေးထားလျက်ရှိ၏ခံရဖို့ပါလျှင်ဆုံးဖြတ်ရန်ကမှတဆင့်လှန်လှောကြည့်ခံရဖို့မတတ်နိုင်သောနှင့်ငွီးငှေ့ဖှယျဖြစ်ပါတယ်။ သငျသညျအပြောင်းအလဲလုပ်လိမ့်မည်ဟုအဘယ်အရပ်အရပ်ကိုလည်းဖြစ်ပါတယ်ကတည်းကတစ်နေရာတည်းတွင်အရာအားလုံးကိုရှိခြင်းနှင့်အသုံးပြုပုံကိုသင်ဤမျှလောက်လွယ်ကူစေရန်ပြုပြင်ထိန်းသိမ်းရေးကိုဖြစ်စေနိုင်ပါတယ်။
  • သို့ဖြစ်လျှင်သင်သည်အများအပြားကွဲပြားခြားနားသောပေါ်တွင်အသုံးပြုနိုင်စတိုင်များ၏အတန်းဖန်တီးနိုင်ပါတယ် HTML element တွေကို
    • သင်မကြာခဏသင့်ရဲ့စာမျက်နှာပေါ်တွင်အမျိုးမျိုးသောအမှုအရာမှအလေးပေးပေးရမယ့်အချို့ဖောင်ပုံစံကိုသုံးပါလျှင်, သင်အစားအသီးအသီးဥပမာတိကျတဲ့စတိုင် defining ထက်, သင်သည်ဤကြည့်ရခံစားရရန်သင့် style sheet မှာ set up တဲ့လူတန်းစား attribute ကိုသုံးနိုငျ အလေးပေး။
  • သင်လုပ်နိုင်သည်ကိုအလွယ်တကူအုပ်စုတစ်စုသည်သင်၏စတိုင်များကိုပိုမိုအကျိုးရှိစွာဖြစ်။
    • CSS ကိုရရှိနိုင်ကြသည်သမျှသောအုပ်စုဖွဲ့နည်းလမ်းများပြင်ပစတိုင်စာရွက်များတွင်အသုံးပြုနိုင်ပါသည်, ဤသည်သင်၏စာမျက်နှာများပေါ်တွင်ပိုပြီးထိန်းချုပ်မှုများနှင့်ပြောင်းလွယ်ပြင်လွယ်အတူသင်တို့သည်။

external style sheet ၏ဆိုးကျိုးများ

  • external style စာရွက်များကိုသူတို့အလွန်ကြီးမားများမှာအထူးသဖြင့်လျှင်, download, အချိန်တိုးမြှင့်ပေးနိုင်သည်။ အဆိုပါ CSS ကိုဖိုင်ကိုတင်ဆောင်ရမည်သီးခြားစာရွက်စာတမ်းဖြစ်ပါတယ်ကတည်းကကြောင့်ဒေါင်းလုပ်ဖျော်ဖြေဖို့စွမ်းဆောင်ရည်ကိုထိခိုက်ပါလိမ့်မယ်။
  • ဒါကြောင့်စာမကျြနှာကိုဖယ်ရှားသည့်အခါကမှဖျက်ပစ်မကြောင့်စတိုင်အသုံးပြုမရှိတော့အခါပြောပြရန်ခက်ခဲမယ့်အဖြစ် external style စာရွက်များအလွန်လျင်မြန်စွာကြီးတွေရ။ သင့်ရဲ့ CSS ကိုဖိုင်များကိုသင့်လျော်သောစီမံခန့်ခွဲမှုမျိုးစုံကလူတူညီတဲ့ဖိုင်ပေါ်တွင်အလုပ်လုပ်နေကြသည်အထူးသဖြင့်လျှင်, အရေးကြီးပါသည်။
  • သင်သာတစ်ဦး Single-စာမျက်နှာက်ဘ်ဆိုက်ရှိပါကသင်သာစတိုင်ကိုတဦးတည်းစာမျက်နှာရှိစဉ်ကတည်းက, CSS ကိုအဘို့အပြင်ပဖိုင်ရှိခြင်းလိုအပ်သောမည်မဟုတ်ပါ။ သင်သာတစ်ခုတည်းစာမျက်နှာ site ကိုအခါပြင်ပ CSS ကို၏အကျိုးကျေးဇူးများထဲကအတော်များများဆုံးရှုံးခဲ့ရနေကြသည်။

အနေနဲ့ external style sheet ဖန်တီးနည်း

external style စာရွက်များအဆင့်ကိုစတိုင်စာရွက်များမှတ်တမ်းတင်ရန်အလားတူ syntax နှင့်အတူဖန်တီးနေကြသည်။ သို့သျောလညျး, သငျတို့ပါဝင်သည်ဖို့လိုအပ်အပေါငျးတို့သ selector နှင့်ကြေငြာကြသည်။ ရုံစာရွက်စာတမ်း-Level စတိုင်စာရွက်ထဲမှာလိုပဲစည်းကမ်းများအတွက် syntax ဖြစ်ပါသည်:

selector {property က: တန်ဖိုးကို;}

တိုးချဲ့မှု .css နဲ့စာသားဖိုင်သို့ကဤစည်းမျဉ်းစည်းကမ်းတွေကို save လုပ်ပါ။ ဒါဟာမလိုအပ်ပေမယ့်သို့ရဖို့ကောင်းတစ်ဦးအလေ့အထဖြစ်ပါတယ်, ဒါကြောင့်သင်ချက်ချင်း directory ကိုစာရင်းပြုစု၌သင်တို့၏စတိုင်စာရွက်များကိုအသိအမှတ်မပြုနိုင်ပါတယ်မပေးပါ။

သငျသညျကတော့ style sheet စာရွက်စာတမ်းများနှင့်တပြိုင်နက်, သင်သည်သင်၏ဖို့ကလင့်ထားသည်ဖို့လိုအပ်ပါတယ် က်ဘ်စာမျက်နှာများကို ။ ဒါဟာနည်းလမ်းနှစ်ခုအတွက်လုပ်ဆောင်နိုင်တယ်:

  1. လင့်ခ်ချိတ်ခြင်း
    1. ကတော့ style sheet လင့်ထားသည်နိုင်ရန်အတွက်, သင်က HTML tag ကိုသုံးပါ။ ဒါက attribute တွေ rel, အမျိုးအစားနှင့် href ရှိပါတယ်။ အဆိုပါ rel attribute ကိုသငျသညျ (ဤကိစ္စတွင်တစ်ကိုနှိပ်ပြီးအတွက်) ချိတ်ဆက်နေကြတယ်ဆိုတာကိုပြောပြအမျိုးအစားကို browser များအတွက် MIME-အမျိုးအစားအဖြစ်သတ်မှတ်ပါတယ်, နှင့် href အဆိုပါ .css ဖိုင်လမ်းကြောင်းကိုဖြစ်ပါတယ်။
  2. သွင်းယူ
    1. သင်သည်မည်သည့်စာရွက်စာတမ်းတိကျသောသူမြားကိုဆုံးရှုံးမဟုတ်စဉ်အနေနဲ့ external style sheet ရဲ့ attribute တွေတင်သွင်းနိုင်အောင်သင်တစ်ဦးစာရွက်စာတမ်းအဆင့်ကိုစတိုင်စာရွက်အတွင်းတစ်ဦးတင်သွင်း style sheet ကိုသုံးပါလိမ့်မယ်။ သင်သာကစာရွက်စာတမ်းအဆင့်ကိုစတိုင်ကြေညာချက်အတွင်းဟုခေါ်တွင်စေရမည်ချိတ်ဆက်ထားသောစတိုင်စာရွက်တောင်းဆိုဖို့အလားတူလမ်းအတွက်ကြောင့်ခေါ်ပါ။ သင်သည်သင်၏ web site ကိုဆက်လက်ထိန်းသိမ်းထားဖို့လိုအပ်ပါတယ်အဖြစ်သင်သည်များစွာသောပြင်ပစတိုင်စာရွက်များအဖြစ်တင်သွင်းနိုင်သည်။

ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 8/8/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်