! အရေးကြီးသောတပ်ဖွဲ့တို့သည်ကက်စကိတ်အတွက်ပြောင်းလဲခြင်း
ဝက်ဘ်ဆိုက်များ code ဖို့ဘယ်လိုလေ့လာသင်ယူဖို့အကောင်းဆုံးနည်းလမ်းတွေထဲကတစ်ဦးကအခြား site ၏အရင်းအမြစ် codes တွေကိုကြည့်ရှုဖို့ဖြစ်ပါတယ်။ ဒီအလေ့အကျင့်အများကြီးကို web ပညာရှင်များအဘို့ဤမျှလောက်များစွာသောရွေးချယ်စရာရှိကြ၏မတိုင်မီအထူးသဖြင့်ကျထကျ၌, သူတို့ရဲ့ယာဉ်သင်ယူပုံ ကို web ဒီဇိုင်းသင်တန်းများ , စာအုပ်တွေ , နှင့်အွန်လိုင်းသင်တန်းပေးခြင်းဆိုဒ်များ။
သင်သည်ဤအလေ့အကျင့်ကြိုးစားကြနှင့်တစ်ဦး site ရဲ့တန်းဒေသတွေစတိုင်စာရွက်များ (CSS ကို) ကိုကြည့်ပါလျှင်, သင်သည်ထိုကုဒ်ထဲမှာမြင်စေခြင်းငှါတဦးတည်းအရာအရေးကြီးသော! ပြောပါတယ်တဲ့လိုင်းဖြစ်ပါတယ်။
ကြောင်းသင်မည်သို့မှန်မှန်ကန်ကန်သင့်ရဲ့စတိုင်စာရွက်များထဲမှာကြေငြာအသုံးပြုကြရုံအဖြစ်အရေးကြီးအဘယ်အရာကိုဆိုလိုခြင်းနှင့်ပါသလဲ?
CSS ကို၏ကက်စကိတ်
ပထမဦးစွာအပေါင်းတို့၏, ကတန်းဒေသတွေစတိုင်စာရွက်များသူတို့တစ်တွေအထူးသဖြင့်အမိန့်ထဲမှာထည့်ထားကြသည်ဆိုလိုတာကအမှန်ပင်အဆငျ့ဆငျ့ပြုနားလည်သဘောပေါက်ရန်အရေးကြီးပါသည်။ ယေဘုယျအားဖြင့်ဤစတိုင်များသူတို့ကဘရောက်ဇာကိုဖတ်နေသောနိုင်ရန်အတွက်လျှောက်ထားကြသည်ကိုဆိုလိုသည်။ ပထမဦးဆုံးစတိုင်ဒါလျှောက်ထားထို့နောက်ဒုတိယနှင့်နေသည်။
တစ်ဦးစတိုင်ကတော့ style sheet ရဲ့ထိပ်မှာထင်ရှားပြီးမှစာရွက်စာတမ်းများတွင်နိမ့်ဆင်းပြောင်းလဲသွားတယ်လျှင်ရလဒ်အဖြစ်, ထိုစတိုင်၏ဒုတိယဥပမာအားဖြင့်နောက်ဆက်တွဲဖြစ်ရပ်အတွက်လျှောက်ထားတမဟုတ်, ပထမဦးဆုံးဖြစ်ပါတယ်။ အခြေခံအားဖြင့်ဆိုပါကနှစ်ခုစတိုင်များစာရင်းကနောက်ဆုံးတဦးတည်းကိုအသုံးပြုပါလိမ့်မည်, (သူတို့သတ်သတ်မှတ်မှတ်၏တူညီသောအဆင့်အထိရှိကိုဆိုလိုသည်) ကိုတူညီသောအရာဟူမူကားနေကြသည်။
ဥပမာအားဖြင့်, ရဲ့အောက်ပါစတိုင်များကတော့ style sheet တွင်ပါရှိသောခဲ့စိတ်ကူးကြကုန်အံ့။ အဆိုပါအပိုဒ်စာသားကိုလျှောက်ထားပထမဦးဆုံးစတိုင်ပိုင်ဆိုင်မှုနီသော်လည်း, အနက်ရောင်ထဲမှာပြန်ဆိုမည်ဖြစ်သည်။
က "အနက်ရောင်" တန်ဖိုးကိုဒုတိယစာရင်းဝင်ဖြစ်ပါတယ်ထားလို့ဖြစ်ပါတယ်။ CSS ကိုထိပ်တန်း-to-အောက်ခြေကိုဖတ်ရှုနေသည်ကတည်းကနောက်ဆုံးစတိုင် "အနက်ရောင်" ဖြစ်ပါတယ်ထို့ကြောင့်တအနိုင်ရရှိခဲ့ပါသည်။
p {color: red; }
p {color: အနက်ရောင်; }
ဘယ်လို! အရေးကြီးသောအပြောင်းအလဲများအတွက်ဦးစားပေး
အခုတော့သင်တို့သည်ဤနီးပါးတူညီစည်းမျဉ်းစည်းကမ်းတွေကို CSS ကိုအားဖြင့်လုပ်ငန်းများ၌မည်သို့နားလည်ကြောင်း, ကျနော်တို့! အရေးကြီးသောညွှန်ကြားချက်အမှုအရာနည်းနည်းပြောင်းလဲဘယ်လိုကြည့်ရှုနိုင်ပါတယ်။
အဆိုပါ! အရေးကြီးသောညွှန်ကြားချက်မူသောသင်တို့အတွက်လမ်းသာသက်ရောက်သည် CSS ကိုကက်စကိတ် သင်အရှိဆုံးအရေးပါဖြစ်ကြပြီးလျှောက်ထားရပါမည်ခံစားရစည်းမျဉ်းစည်းကမ်းတွေကိုအောက်ပါနေစဉ်။ အဆိုပါ! အရေးကြီးသောညွှန်ကြားချက်ရှိတယ်လို့တစ်ဦးကစည်းမျဉ်းအစဉ်အမြဲပြုလုပ်စည်းမျဉ်း CSS ကိုစာရွက်စာတမ်းထဲမှာပေါ်လာလိမ့်မယ်ဘယ်မှာနေပါစေလျှောက်ထားသည်။
အထက်ပါဥပမာ မှစ. , အပိုဒ်စာသားကိုအမြဲအနီရောင်စေရန်, သင်အသုံးပြုပါလိမ့်မယ်:
p {color: red အရေးကြီးသော;! }
p {color: အနက်ရောင်; }
အခုတော့အားလုံးစာသားက "အနက်ရောင်" တန်ဖိုးကိုဒုတိယစာရင်းဝင်ဖြစ်ပါတယ်သော်လည်း, အနီထဲမှာပေါ်လာလိမ့်မယ်။ အဆိုပါ! အရေးကြီးသောညွှန်ကြားချက်ဟာအဆငျ့ဆငျ့၏ပုံမှန်စည်းမျဉ်းစည်းကမ်းတွေကိုပြောင်းလဲသတ်မှတ်လိုက်သည်နှင့်ကစတိုင်အလွန်မြင့်မားတိကျတဲ့ပေးသည်။
သငျသညျလုံးဝစာပိုဒျအနီရောင်ပေါ်လာဖို့လိုအပ်တယ်ဆိုရင်ဒီစတိုင်ကလုပ်ပေးမယ်လို့, ဒါပေမယ့်ဒီအကောင်းတစ်ဦးအလေ့အကျင့်ကြောင်းကိုမဆိုလိုပါ။ ရဲ့သင်အသုံးပြုလိုပေမည်သည့်အခါမှာလာမယ့်ကြည့်ကြပါစို့အရေးကြီးသောအခါကသင့်လျော်သည့်မဟုတ်ပါဘူး။
ဘယ်အချိန်မှာအသုံးပြုနည်း! အရေးကြီးသော
သငျသညျ website တစ်ခုစမ်းသပ်နှင့် debugging ကြသောအခါအဆိုပါ! အရေးကြီးသောညွှန်ကြားချက်အလွန်အသုံးဝင်သည်။ သင်တစ်ဦးစတိုင်သေချာလျှောက်ထားခြင်းနှင့်ကတိကျသောပြဿနာဖြစ်နိုင်သည်ထင်ခံရမပါကြသည်မဟုတ်အဘယ်ကြောင့်လျှင်, သင်ကဖြေရှင်းနိုင်မယ်ဆိုရင်ကြည့်ရှုရန်သင့်စတိုင်ဖို့! အရေးကြီးသောကြေငြာထည့်နိုင်သည်။
ဖြည့်စွက်! အရေးကြီးသောအမှန်ပင်စတိုင်ပြဿနာ fix ပါဘူးဆိုရင်, သင်ရုံကတိကျတဲ့ပြဿနာကြောင်းဆုံးဖြတ်သည်ပါပြီ။ သို့သျောလညျးသငျသညျအရပျ၌တကား! အရေးကြီးသောကုဒ်စွန့်ခွာချင်ကြပါဘူး, ကသာစမ်းသပ်ရည်ရွယ်ချက်များအတွက်အဲဒီမှာထားခဲ့ပါတယ်။
စမ်းသပ်ခြင်းပြုကတည်းကယခုသင်ကြောင်းညွှန်ကြားချက်ကိုဖယ်ရှားခြင်းနှင့်သင်သည်သင်၏စတိုင်အလုပ်လုပ်ရနျလိုအပျကွောငျးတိကျတဲ့အောင်မြင်ရန်ရန်သင့် selector ညှိသင့်ပါတယ်။ ! အရေးကြီးသောကြောင့်ပုံမှန်အဆငျ့ဆငျ့ပွောငျးလဲမည်သို့မည်ပုံ၏အစိတ်အပိုင်းအတွက်သင့်ရဲ့ထုတ်လုပ်မှုက်ဘ်ဆိုက်များသို့ယင်း၏လမ်းစေသင့်ပါဘူး။
သင်သည်သင်၏တပ်မက်လိုချင်သောအစတိုင်များအောင်မြင်ရန်ရန်! အရေးကြီးသောကြေညာချက်အပေါ်လည်းအကြီးအကျယ်အမှီလျှင်, သင်နောက်ဆုံးမှာအတူနှက်ကတော့ style sheet ရပါလိမ့်မယ်! အရေးကြီးသောစတိုင်များ။ သငျသညျအခြေခံကျကျစာမျက်နှာရဲ့ CSS ကိုလုပ်ငန်းများ၌သောလမ်းကိုပြောင်းလဲလိမ့်မည်။ ဒါဟာရေရှည်စီမံခန့်ခွဲမှုရှုထောငျ့မှမကောငျးသောပျင်းရိလေ့အကျင့်ဖြစ်ပါတယ်။
သငျသညျလုံးဝတဲ့ဆောင်ပုဒ်သို့မဟုတ် template ကိုမူဘောင်၏အစိတ်အပိုင်းတစ်ခုဖြစ်သည်မှာ inline style ကို override ရမယ်သည့်အခါ,! စမ်းသပ်ခြင်းများအတွက်အရေးကြီးသောသို့မဟုတ်အချို့ကိစ္စများတွင်အသုံးပြုပါ။
တောင်မှသူတို့အမှုကိစ္စများတွင်အဖြစ်စပါးအနည်းငယ်သာတတ်နိုင်သမျှအတိုင်းဤချဉ်းကပ်နည်းကိုသုံးပါနှင့်အစားအဆငျ့ဆငျ့ကိုနားလည်ကြောင်း, စင်ကြယ်စတိုင်စာရွက်များရေးသားဖို့ကြိုးစားကြသည်။
အသုံးပြုသူစတိုင် Sheet များ
တဦးတည်းနောက်ဆုံးမှတ်ချက်နားလည်ရန်မရှိမဖြစ်သော! အရေးကြီးသောညွှန်ကြားချက်အပေါ်ရှိပါသည်။ ဤညွှန်ကြားချက်ကိုလည်းဝဘ်စာမျက်နှာအသုံးပြုသူများအစာမကျြနှာခက်ခဲသူတို့ကိုအသုံးချသို့မဟုတ်ဖတ်ရှုဖို့အဘို့လုပ်ကြောင်းစတိုင်စာရွက်များနှင့်အတူရင်ဆိုင်ဖြေရှင်းနိုင်ကိုကူညီရာအရပျ၌ထားခဲ့ပါတယ်။
တစ်ဦးလျှင်ပုံမှန်အားဖြင့်, အသုံးပြုသူကတော့ style sheet ကိုသတ်မှတ်ပါတယ် ဝဘ်စာမျက်နှာများကိုကြည့်ရှုရန်, ထိုစတိုင်စာရွက်ဝဘ်စာမျက်နှာကိုစာရေးဆရာရဲ့အားဖြင့်ဒါကိုလက်မခံပါဘူးဖြစ်ပါတယ် style sheet ။ အသုံးပြုသူအဖြစ်! အရေးကြီးသောတစ်ဦးစတိုင်ခြေတစ်လှမ်းဆိုရင်, စတိုင်ရေးသားသူအဖြစ်! အရေးကြီးသောစည်းကမ်းခြေတစ်လှမ်းပင်လျှင်, ဝဘ်စာမျက်နှာစာရေးဆရာရဲ့စတိုင်စာရွက်အကနျ့။
ဒါကအခြို့သောလမ်းအတွက်စတိုင်များသတ်မှတ်ထားဖို့လိုအပျတဲ့သူအသုံးပြုသူများအတွက်အသုံးဝင်သည်။ ဥပမာ, တစ်စုံတစ်ဦးကသူတို့ကိုသုံးပါအားလုံးကို web စာမျက်နှာများပေါ်တွင်က default font ကိုအရွယ်အစားကိုတိုးမြှင့်ပေးရန်လိုအပ်ပါမည်။ သငျသညျတညျဆောကျစာမျက်နှာများအတွင်းစပါးအနည်းငယ်သာသင့်ရဲ့! အရေးကြီးသောညွှန်ကြားချက်ကိုအသုံးပြုခြင်းအားဖြင့်, သင်သည်သင်၏အသုံးပြုသူများသည်ရှိစေခြင်းငှါမဆိုအထူးလိုအပ်ချက်များကိုလိုက်လျောညီထွေ။
ဂျယ်ရမီ Girard တည်းဖြတ်