ဒီဇိုင်း မှစ. အကြောင်းအရာခွဲထုတ်ဆိုက်ကိုစီမံခန့်ခွဲမှုပိုလွယ်ကို
(Cascading Style Sheet များ) CSS ကိုစတိုင်ဖို့က de facto လမ်းဖြစ်လာနှင့်ဝက်ဘ်ဆိုက်များအထဲကကိုတင်ထားသည်။ ဒီဇိုင်နာများကိုအသုံးပြုဖို့ Stylesheets အရောင်အကွာ, စာလုံးတွေနဲ့အများကြီးပိုပြီးကဲ့သို့သောအကြောင်းရင်းများကိုဖုံးအုပ်ထား, တစ်က်ဘ်ဆိုက်ကိုကြည့်၏စည်းကမ်းချက်များ၌ပြသနှင့်ခံစားမိရပါမည်ဘယ်လို browser ကိုပြောပြရန်။
CSS ကိုစတိုင်များနည်းလမ်းနှစ်ခုအတွက်အသုံးချနိုင်ပါသည်:
- inline - ဝဘ်စာမျက်နှာကိုယ်တိုင်က၏နိုင်တဲ့ coding အတွင်းမှာတစ်ဦးချင်းအပေါ်, ဒြပ်စင်-by-element ကိုအခြေခံ
- ဝက်ဘ်ဆိုက်နှင့်ဆက်စပ်သောတစ်ဦးကို standalone CSS ကိုစာရွက်စာတမ်းအတွက်
CSS ကိုအကောင်းဆုံးအလေ့အကျင့်
"အကောင်းဆုံးအလေ့အကျင့်" အထိရောက်ဆုံးဖြစ်သက်သေပြကြပြီဒီဇိုင်းနှင့်အဆောက်အဦဝက်ဘ်ဆိုက်များ၏နည်းလမ်းများဖြစ်ကြပြီးပါဝင်ပတ်သက်မှုအရှိဆုံးပြန်လာပေးဖို့။ ၌သူတို့ကိုအောက်ပါ web design မှာ CSS ကို ဝက်ဘ်ဆိုက်များကြည့်ရှုခြင်းနှင့်လုပ်ငန်းလည်ပတ်မှုအဖြစ်တတ်နိုင်သမျှကူညီပေးသည်။ သူတို့ဟာတခြား web ဘာသာစကားများနှင့်နည်းပညာများနှင့်အတူနှစ်ပေါင်းများစွာပြောင်းလဲပါတယ်, နှင့်ကို standalone CSS ကိုကိုနှိပ်ပြီးအသုံးပြုမှု၏ဦးစားပေးနည်းလမ်းဖြစ်လာသည်။
CSS ကိုများအတွက်အကောင်းဆုံးအလေ့အကျင့်ကိုအောက်ပါအောက်ပါနည်းလမ်းတွေထဲမှာသင့်ရဲ့ site ကိုတိုးတက်စေနိုင်သည်
- ဒီဇိုင်းကနေ content တွေကိုခွဲခြား။ CSS ကို၏အဓိကပန်းတိုင်တစ်ခုမှာက HTML ကနေဒီဇိုင်း element တွေကိုဖယ်ရှားပစ်ထိန်းသိမ်းနည်းဖို့ဒီဇိုင်နာများအတွက်အခြားတည်နေရာမှာသူတို့ကိုနေရာချရန်ဖြစ်ပါသည်။ ဤသည်ကိုလည်းတစ်ဦးချင်းစီကျွမ်းကျင်မှုသူတို့ရဲ့ဒေသများအပေါ်အာရုံစူးစိုက်နိုင်အောင် developer များအနေဖြင့်ဒီဇိုင်နာများခွဲခြားရန်ဆောင်ရွက်ပါသည်။ တစ်ဦးကဒီဇိုင်နာတစ်ဦးက်ဘ်ဆိုက်၏အသွင်အပြင်ကိုဆက်လက်ထိန်းသိမ်းထားဖို့တစ် developer ဖြစ်ဖို့မရှိပါ။
- ပြုပြင်ထိန်းသိမ်းမှုလွယ်ကူစေသည်။ web design မှာအရှိဆုံးသတိမမူဒြပ်စင်တစ်ခုမှာပြုပြင်ထိန်းသိမ်းမှုဖြစ်ပါတယ်။ ပုံနှိပ်ပစ္စည်းများနှင့်မတူဘဲ website တစ်ခုဘယ်တော့မှမဖြစ် "တဦးတည်းနှင့်ပြုသောအမှု။ " အကြောင်းအရာ, ဒီဇိုင်းနှင့် function ကိုနှင့်အချိန်ကျော်တဖြည်းဖြည်းတိုးတက်ပြောင်းလဲသင့်တယ်နိုင်ပါတယ်။ အဆိုပါ website ကိုတလျှောက်လုံးဖြန်းထက်တစ်အလယ်ပိုင်းအရပ်ဌာန၌ CSS ကိုထားရှိခြင်းကိုဆက်လက်ထိန်းသိမ်းထားဖို့အမှုအရာအများကြီးပိုမိုလွယ်ကူစေသည်။
- သင့်ရဲ့ site ကိုလက်လှမ်းပေးသည်။ CSS ကိုစတိုင်များကိုသုံးပြီးရှာဖွေရေးအင်ဂျင်များနှင့်မသန်စွမ်းတစ်ဦးချင်းစီသင့် site နှင့်အတူအပြန်အလှန်ကူညီပေးသည်။
- သင့်ရဲ့ site ကိုလက်ရှိရှည်စောင့်ရှောက်။ CSS နဲ့အကောင်းဆုံးအလေ့အကျင့်သုံးခြင်းအားဖြင့်သင်တို့ကိုတည်ငြိမ်ပေမယ့် web design မှာပတ်ဝန်းကျင်တွင်ပြောင်းလဲမှုလိုက်လျောညီထွေဖို့လုံလောက်တဲ့ပြောင်းလွယ်ပြင်လွယ်သက်သေပြခဲ့ကြပြီစံချိန်စံညွှန်းမှလိုက်နာရန်ပါတယ်။
inline Styles အကောင်းဆုံးအလေ့အကျင့်မ Are
သူတို့တစ်တွေရည်ရွယ်ချက်ရှိစဉ်အခါ inline စတိုင်များ, ယေဘုယျအားဖြင့်သင့်ရဲ့ website မှာထိန်းသိမ်းထားဖို့အကောင်းဆုံးနည်းလမ်းမရှိကြပေ။ သူတို့ဟာအကောင်းဆုံးအလေ့အကျင့်၏အသီးအသီးဆန့်ကျင်သွားပါ:
- inline စတိုင်များဒီဇိုင်းကနေ content တွေကိုခွဲခြားမရကြဘူး။ inline စတိုင်များအတိအကျ embedded ဖောနှင့်အခြားရှုပ်ထွေးဒီဇိုင်း tags များဆန့်ကျင်ကြောင်းခေတ်သစ် developer များရထားလမ်းကဲ့သို့တူညီသောဖြစ်ကြသည်။ အဆိုပါစတိုင်များသူတို့လျှောက်ထားပါတယ်ပေးသောမှသာအထူးသဖြင့်, တစ်ဦးချင်းစီ element တွေကိုအကျိုးသက်ရောက်စေ; ထိုကဲ့သို့သောကိုက်ညီမှုအဖြစ် - - ပို. ခက်ခဲကြောင်းသင်ပိုမို granular ထိန်းချုပ်မှုပေးစေခြင်းငှါ, စဉ်ကလည်းဒီဇိုင်းနှင့်ဖွံ့ဖြိုးရေး၏အခြားရှုထောင့်စေသည်။
- inline စတိုင်များပြုပြင်ထိန်းသိမ်းမှုခေါင်းကိုက်ဖြစ်ပေါ်စေနိုင်ပါတယ်။ သငျသညျ Stylesheet တွေမှာအလုပ်လုပ်ကိုင်နေသည့်အခါ, တစ်ဦးစတိုင်ကိုသတ်မှတ်ခံရခြင်းသည်အဘယ်မှာရှိထွက်ရှာဖွေခက်ခဲနိုင်ပါတယ်။ သငျသညျအရောအနှောတွေနဲ့ဆက်ဆံနေတဲ့အခါမှာ inline, ပါဝင်သောနှင့် ပြင်ပစတိုင်များ ကိုသင်စစျဆေးဖို့နေရာများစွာရှိသည်။ သင်တစ်ဦးကို web ဒီဇိုင်းအဖွဲ့အပေါ်အလုပ်မလုပ်သို့မဟုတ်တစ်စုံတစ်ဦးကတည်ဆောက်မယ့် site ကိုပြန်ဆန်းသစ်သို့မဟုတ်ထိန်းသိမ်းထားဖို့ရှိပါက, ထို့နောက်သငျသညျ ပို. ပင်ဒုက္ခရှိသည်သွားပါတယ်။ သင်စတိုင်လ်ရှာဖွေပြောင်းလဲပြီးတာနဲ့သင်ကနေရာချခဲ့တာရဲ့အဘယ်မှာရှိတိုင်းစာမျက်နှာပေါ်တိုင်းဒြပ်စင်အပေါ်အဲဒီလိုလုပ်ဖို့ရှိပါလိမ့်မယ်။ ဒါကနက္ခတ္တဗေဒအချိန်နှင့်အလုပ်ကိုဘတ်ဂျက်တိုးပွားစေပါသည်။
- inline စတိုင်များအဖြစ်သုံးစွဲနိုင်မရှိကြပေ။ ခေတ်မီမျက်နှာပြင်စာဖတ်သူကိုသို့မဟုတ်အခြားအကူအညီများ device ကိုထိရောက်စွာ inline attribute တွေနှင့် tags များကိုင်တွယ်နိုင်ပေမည်နေစဉ်, အချို့ Device အဟောင်းတွေအချို့ထူးထူးခြားခြားပြသက်ဘ်စာမျက်နှာများကိုဖြစ်ပေါ်နိုင်သည့်, မနိုင်။ အပိုဇာတ်ကောင်နှင့်စာသားသင့်စာမျက်နှာများလွန်းတဲ့ search engine ကိုစက်ရုပ်များကကြည့်ရှုအားပေးနေသည်, ဒါကြောင့်သင့်ရဲ့ page ကို Search Engine Optimization (SEO ဆိုသည်မှာ) ၏စည်းကမ်းချက်များ၌အဖြစ်ကောင်းသောအမှုကိုပြုမထားဘူးဘယ်လိုအကျိုးသက်ရောက်စေနိုင်ပါတယ်။
- inline စတိုင်များသင့်ရဲ့စာမျက်နှာများကိုပိုကြီးစေပါသည်။ သင်သည်လူတယောက်လမ်းပေါ်လာဖို့သင့် site ပေါ်တွင်ရှိသမျှအပိုဒ်ချင်ပါတယ်လျှင်, သင်ပြင်ပကိုနှိပ်ပြီးအတွက်ကုဒ်ခြောက်လိုင်းများသို့မဟုတ်ဒါနှင့်အတူတစ်ချိန်ကကလုပ်နိုင်ပါတယ်။ သငျသညျ inline စတိုင်များနှင့်အတူကပြုလျှင်, သို့သော်, သင်သည်သင်၏ site ကိုအမှုအမျိုးမျိုးရှိသမျှအပိုဒ်အဲဒီစတိုင်များကိုထည့်သွင်းရန်ရှိသည်။ သငျသညျ CSS ကိုငါးခုလိုင်းများရှိပါကသင့် site ပေါ်တွင်ရှိသမျှအပိုဒ်အားဖြင့်များပြားစေငါးခုလိုင်းများပါပဲ။ ဒါက bandwidth ကိုများနှင့်ဝန်အချိန်အလျင်တက် add နိုင်ပါတယ်။
Inline Styles ဖို့အခြားရွေးချယ်စရာ: ပြင်ပကို Stylesheets
အဲဒီအစား inline စတိုင်များကို အသုံးပြု. ၏သုံး ပြင်ပ Stylesheets ။ သူတို့ကသငျသညျ CSS ကိုအကောင်းဆုံးအလေ့အကျင့်များအားလုံးအကျိုးကျေးဇူးများပေးနဲ့သုံးစွဲဖို့လွယ်ကူပါတယ်။ ဒီလမ်းအတွက်အလုပ်, သင့်ရဲ့ site ပေါ်တွင်အသုံးပြုရှိသမျှကိုစတိုင်များပြီးတော့ကုဒ်တခုလိုင်းနှင့်အတူဝဘ်စာရွက်စာတမ်းနှင့်ဆက်စပ်ကြောင်းသီးခြားစာရွက်စာတမ်းတွင်နေထိုင်ကြသည်။ ပြင်ပ Stylesheets သူတို့တွဲနေကြမဆိုစာရွက်စာတမ်းအကျိုးသက်ရောက်စေသည်။ ဒါကြောင့်ပြုမိရဲ့ပုံကိုပုံမှန်အားဖြင့်ဖြစ်သော - - သင်ရိုးရှင်းစွာတစ်နေရာတည်းတွင်တစ်ချိန်ကသူတို့အစတိုင်များကိုတည်းဖြတ်သဖြင့်သူတို့အားစာမျက်နှာများကိုအမှုအမျိုးမျိုးရှိသမျှတဦးတည်းမှအပြောင်းအလဲဖြစ်စေနိုင်ပါတယ်ဆိုလိုသည်မှာသင်သည်အသီးအသီးစာမျက်နှာအတူတူကိုနှိပ်ပြီးများကိုအသုံးပြုရသော 20-စာမျက်နှာက်ဘ်ဆိုက်ရှိပါက, ဆိုလိုသည်။ တဦးတည်းအစက်အပြောက်အတွက်စတိုင်များပြောင်းခြင်းအပြတ်အသတ်သင့်ရဲ့ website မှာအမှုအမျိုးမျိုးရှိသမျှစာမျက်နှာပေါ်တွင်ကြောင်းနိုင်တဲ့ coding ရှာဖွေနေခြင်းထက်ပိုမိုအဆင်ပြေသည်။ ဒါကရေရှည် site ကိုစီမံခန့်ခွဲမှုအများကြီးပိုမိုလွယ်ကူစေသည်။