သင့်ရဲ့ CSS ကိုကုဒ်အတွက်မှတ်ချက်အပါအဝင်အသုံးဝင်သောနှင့်အလွန်အမင်းကိုထောက်ခံအုကူံဖြစ်ပါတယ်။
တိုင်းက်ဘ်ဆိုက် (က HTML အားဖြင့်နှုတ်တိုက်ချပေးခဲ့တာထားတဲ့) ဖွဲ့စည်းတည်ဆောက်ပုံဒြပ်စင်ထလုပ်အဖြစ်အမြင်အာရုံစတိုင်သို့မဟုတ် "ကြည့်ခံစားရတယ်" အဲဒီ site ၏ဖြစ်ပါတယ်။ Cascading Style Sheet များ (CSS ကို) website တစ်ခု၏အမြင်အသွင်အပြင် dictate အသုံးပြုသည်ဘာတွေလုပ်နေလဲ။ ဤရွေ့ကားစတိုင်များ Web ကိုစံချိန်စံညွှန်းမှမွမ်းမံခြင်းနှင့်လိုက်နာမှု၏လွယ်ကူခြင်းအဘို့အခွင့်ပြုပါရန် HTML ကိုဖွဲ့စည်းပုံကနေသီးခြားထားရှိမည်နေကြသည်။
အများအပြားဝက်ဘ်ဆိုက်များ၏ရှုပ်ထွေး၏အရွယ်အစားသည်ယနေ့နှင့်အတူစတိုင်စာရွက်များလျင်မြန်စွာနှင့်အတူအလုပ်လုပ်ရန်အတော်လေးရှည်နှင့်အလွန်ခက်ခဲသည့်ကိစ္စဖြစ်လာနိုင်ပါတယ်။ သင်တို့အထဲ၌ထည့်သွင်း start တဲ့အခါဒီအထူးသဖြင့်မှန်သည် မီဒီယာမေးမြန်းချက် အဘို့ တုံ့ပြန်မှုက်ဘ်ဆိုက်စတိုင်များ ။ တစ်ဦးတည်းသူများသည်မီဒီယာမေးမြန်းချက်တစ် CSS ကိုစာရွက်စာတမ်းအသစ်စတိုင်များတစ်သိသိသာသာငွေပမာဏကိုထည့်သွင်းခြင်းနှင့်အတူအလုပ်လုပ်ရန်ကပင်ခက်ခဲအောင်နိုငျသညျ။ CSS ကိုမှတ်ချက် website တစ်ခုအပေါ်တစ်ခုတန်ဖိုးမဖြတ်နိုင်သောအကူအညီနဲ့ဖွစျလာနိုငျနေရာအရပ်ဖြစ်၏။
website တစ်ခုဖွင့် CSS ကိုဖိုင်များမှတ်ချက်များဖြည့်ထည့်စာရွက်စာတမ်းသုံးသပ်သူတစ်ဦးကလူ့စာဖတ်သူကိုအဘို့အကြောင်း code တွေရဲ့အခန်းကဏ္ဍမှဖွဲ့စည်းပုံကိုထည့်သွင်းဖို့အကောင်းဆုံးနည်းလမ်းဖြစ်ပါတယ်။ ကိုယ့်ကိုကိုယ်အပါအဝင် - ဒါဟာအစအနာဂတျမှာ site ပေါ်တွင်အလုပ်လုပ်ရှိစေခြင်းငှါသူတစ်ဦးကို web ပရော်ဖက်ရှင်နယ်ဘို့သူတို့အားစတိုင်များကိုရှင်းပြများအတွက်အံ့သြစရာနည်းလမ်းပါ!
အဆုံး၌, ပေါ် မူတည်. CSS ကိုမှတ်ချက်ကို process ဖို့ပိုပြီးလွယ်ကူကတော့ style sheet စေမည်ဆက်ပြောသည်။ ဤအမှန်ပင်အသင်းများအားဖြင့် edited မည်ဖြစ်ကြောင်းစတိုင်စာရွက်များအဘို့အရေးကြီးပါသည်။ မှတ်ချက်များပြီးသား code ကိုအကျွမ်းတဝင်မဖွစျစခွေငျးငှါအဘယ်သူသည်အသင်း၏ကွဲပြားခြားနားသောအဖွဲ့ဝင်များစတိုင်စာရွက်၏အရေးကြီးသောကဏ္ဍများဆကျသှယျဖို့အသုံးပြုနိုင်ပါသည်။ ဤရွေ့ကားမှတ်ချက်များကိုလည်းသူတို့အချို့ကွာသည်ကနေဖြစ်ခြင်းပြီးနောက်ပြန်ကုဒ်သို့ရလိုလျှင်ရှေ့တော်၌ထို site ပေါ်တွင်အလုပ်လုပ်ခဲ့ကြသူလူတို့အဘို့အလွန်အထောက်အကူဖြစ်စေနိုင်ပါတယ်။ ကျွန်မမကြာခဏကျနော်တောင်မှလွန်ခဲ့တဲ့နှစ်ပေါင်းလပေါင်းများစွာ built သို့မဟုတ် website တစ်ခုတည်းဖြတ်ရန်ခဲ့ရပြီး HTML နဲ့ CSS ကိုကောင်းစွာချပ်မှတ်ချက်များရှိခြင်းဟာအလွန်ကြိုဆိုအကူအညီနဲ့ဖြစ်ပါတယ်ပွီ! သငျသညျ site တစ်ခုသင်အနာဂတ်အတွက် site ကိုမှပြန်လာတဲ့အခါသင်လုပ်ခဲ့တဲ့အရာတို့ကိုပြုလေ၏သင်သည်အဘယ်ကြောင့်မှတ်မိနေလိမ့်မည်ဟုမဆိုလိုပါ built ရုံကွောငျ့, သတိရပါ! မှတ်ချက်များသင့်ရဲ့ရည်ရွယ်ချက်ရှင်းရှင်းလင်းလင်းစေနှင့်သူတို့ပင်ဖြစ်ပျက်မတိုင်မီမည်သည့်နားလည်မှုလွဲမှားခြင်းတက်များကိုရှင်းလင်းနိုင်ပါသည်။
CSS ကိုမှတ်ချက်အကြောင်းကိုနားလည်ရန်အရာတစ်ခုမှာစာမကျြနှာကို web browser များအတွက်ပြန်ဆိုတဲ့အခါမှာသူတို့ကပြမသောကွောငျ့ဖွစျသညျ။ သူများသည်မှတ်ချက်များရုံက HTML မှတ်ချက်များကဲ့သို့သတင်းအချက်လက်များအတွက်သာဖြစ်ကြောင်းပါ (syntax နှစ်ခုအကြားခြားနားပေမယ့်) ဖြစ်ကြသည်။ ဤရွေ့ကား CSS ကိုမှတ်ချက်တစ်စုံတစ်ရာလမ်းအတွက် site တစ်ခု၏အမြင်အာရုံ display ကိုထိခိုက်စေခြင်းနှင့် code ကိုသူ့ဟာသူအတွက်ရိုးရှင်းစွာပစ္စုပ္ပန်ဖြစ်ကြပါဘူး။
CSS ကိုမှတ်ချက်ထည့်သွင်းခြင်း
တစ်ဦး CSS ကိုမှတ်ချက်ထည့်သွင်းခြင်းအတော်လေးလွယ်ကူသည်။ သငျသညျရိုးရှင်းစွာမှန်ကန်သောအဖွင့်နှင့်အပိတ်ပွဲမှတ်ချက် tags များနှင့်အတူသင့်ရဲ့မှတ်ချက် bookend:
- * / ထည့်သွင်းခြင်းအားဖြင့်သင့်မှတ်ချက်ကိုစတင်
- * ဖြည့်စွက်အားဖြင့်သင့်မှတ်ချက်ပိတ်ပြီး /
အဲဒီနှစျခု tags များအကြားပေါ်လာဘာမှ, browser ကိုအားဖြင့်ပြန်ဆိုသာ code ကိုမြင်နိုင်မမှတ်ချက်များ၏ content ဖြစ်လိမ့်မည်။
တစ်ဦးက CSS ကိုမှတ်ချက်တစ်ခုတည်းလိုင်းရှိနိုင်ပါသည်, သို့မဟုတ်ပါကမျိုးစုံလိုင်းများအထိကြာနိုင်ပါသည်။ ဤတွင်တစ်ခုတည်းသောလိုင်းဥပမာင်:
div # {နယ်စပ် border_red: ပါးလွှာစိုင်အခဲအနီရောင်; } / * အနီရောင်နယ်စပ်ဥပမာ * /ထိုအခါမျဉ်းဥပမာ:
/ *************************** ********************** ****** ကုဒ်စာသားပုံစံ **************************** ************ *************** /ကဏ္ဍများအထဲက Breaking
ကျွန်မမကြာခဏ CSS ကို comments အသုံးပြုနည်းလမ်းတွေတစ်ခုမှာသေးငယ်ပိုမိုလွယ်ကူစွာ disgestible တုံး၌ငါ့စတိုင်စာရွက်စုစည်းဖို့ဖြစ်ပါတယ်။ ငါနောက်ပိုင်းတွင်ဖိုင် peruse သည့်အခါအလွယ်တကူသောဤအပိုင်းကိုတွေ့မြင်နိုင်မှကြိုက်တယ်။ သူတို့ငါသည်အလျင်အမြန် code ကိုမှတဆင့် scroll အဖြစ်ကိုတွေ့မြင်ရန်လွယ်ကူဖြစ်ကြောင်းစာမျက်နှာအတွက်ကြီးမားသိသာလပ်ချိန်ပေးနိုင်အောင်ဒီလိုလုပ်ဖို့ကျွန်မမကြာခဏသူတို့ကိုကို hyphens စာရေးနှင့်အတူမှက်ချက်ပေးရန်အတွက်။ ဒီနေရာတွင်ဥပမာတစ်ခုဖြစ်ပါသည်:
/ * ----------------------- Header ကို Styles ----------------------- ------- * /ငါသည်ငါ့ကုဒ်တွင်ဤမှတ်ချက်တစ်ဦးကိုမြင်သောအခါ, ငါကငါ့ကိုပိုပြီးလွယ်လွယ်ကူကူ code ကို process နဲ့သုံးစွဲဖို့ခွင့်ပြု, ထိုစာရွက်စာတမ်း၏အသစ်တစ်ခုအပိုင်းရဲ့ start ဖြစ်ပါတယ်သင်တို့သိကြ၏။
& # 34; ထဲက & # 34 မှတ်ချက်တွေ; ကုဒ်
မှတ်ချက် tags များကိုလည်းစာမျက်နှာ coding နဲ့ debugging ၏အမှန်တကယ်လုပ်ငန်းစဉ်များတွင်အသုံးဝင်စေနိုင်ပါတယ်။ မှတ်ချက်များကို "ထွက်မှတ်ချက်ပေးရန်" သို့မဟုတ်ကြောင့်ပုဒ်မစာမျက်နှာ၏အစိတ်အပိုင်းတစ်ခုမပါလျှင်ဘာဖြစ်သွားမလဲဆိုတာကိုကြည့်ဖို့က Code ဒေသများ "ကို turn off" ကိုသုံးနိုင်တယ်။
ဒါကြောင့်ဘယ်လိုဤလုပ်ငန်းသနည်း မှတ်ချက် tags များကသူတို့ကိုအကြားအရာအားလုံးကိုလစ်လျူရှုဖို့ browser ကိုပြောပြဘာဖြစ်လို့လဲဆိုတော့ကောင်းပြီ, သင်တို့ကိုယာယီ CSS ကိုကုဒ်အချို့အစိတ်အပိုင်းများကို disable လုပ်ဖို့သူတို့ကိုကိုသုံးနိုင်သည်။ ဤသည် debugging, ဒါမှမဟုတ် web page ကို format နဲ့ညှိသောအခါနေရာလေးကိုနိုင်ပါတယ်။
ဒီလိုလုပ်ဖို့, သင်ရိုးရှင်းစွာသင်ကုဒ်မသန်စွမ်းဖြစ်ခြင်းကိုစတင်ရန်, ပြီးတော့သင်ကမသန်စွမ်းသောအဘို့ကိုအဆုံးသတ်ချင်ဘယ်မှာ tag ကိုအဆုံးသတ်ကြောင်းနေရာချင်တယ်ဘယ်မှာဖွင့်လှစ်မှတ်ချက် tag ကို add လိမ့်မယ်။ သူတို့အား tags များအကြားအရာအားလုံးကိုသင်ကပြဿနာတစ်ခုဖြစ်ပျက်စေခြင်းငှါအဘယ်အရပ်ကြည့်ရှုရန် CSS ကို Debugging ခွင့် site တစ်ခု၏အမြင်အာရုံ display ကိုအကျိုးသက်ရောက်စေမည်မဟုတ်။ သို့ဖြစ်လျှင်သင်သည်အတွက်သွားနှင့့်ပြဿနာကိုဖြေရှင်းရန်နှင့်ကုဒ်ထံမှမှတ်ချက်များကိုဖယ်ရှားနိုင်ပါတယ်။
CSS ကိုမှတ်ချက်တွေသိကောင်းစရာများ
တစ်ဦးပြန်လည်စုစည်းမှုနှင့်အမျှဤအရပ်၌သင်၏ CSS ကိုအတွက်မှတ်ချက်အသုံးပြုမှတ်မိဖို့အချို့သောအကြံပေးချက်များနေသောခေါင်းစဉ်:
- မှတ်ချက်များမျိုးစုံလိုင်းများ span နိုင်ပါတယ်။
- မှတ်ချက်များကိုသင်တစ်ဦးကို browser အားဖြင့်ပြန်ဆိုချင်ကြပါဘူး, ဒါပေမယ့်လုံးဝဖျက်ပစ်ချင်မ CSS ကို element တွေပါဝင်နိုင်ပါသည်။ ဒါကက်ဘ်ဆိုက်ရဲ့စတိုင်စာရွက်များ Debugging ဖို့ကောင်းတဲ့နည်းလမ်းဖြစ်ပါတယ် - ရုံအသုံးမပြုတဲ့စတိုင်များကိုဖယ်ရှားရန်သေချာစေပါ (ထွက် commented သူတို့ကိုစွန့်ခွာဖို့ဆန့်ကျင်ကဲ့သို့) သင်က်ဘ်ဆိုက်ပေါ်သူတို့ကိုမလိုအပ်ပါဘူးဆုံးဖြတ်လျှင်
- သငျသညျကိုသူတို့သိသင့်အရေးကြီးသောအရာများကိုအကြောင်းကို, အနာဂတျမှာရှင်းလင်းချက်ကိုထည့်သွင်းရန်နှင့်အနာဂတ် developer များအကြောင်းကြားရန်, ဒါမှမဟုတ်ကိုယ့်ကိုကိုယ်ရှုပ်ထွေး CSS ကိုရေးလိုက်သည့်အခါတိုင်းမှတ်ချက်များကိုသုံးပါ။ ဒါဟာအားလုံးပါဝင်ပတ်သက်များအတွက်အနာဂတ်ဖွံ့ဖြိုးတိုးတက်မှုအတွက်အချိန်ကုန်သက်သာပါလိမ့်မယ်။
- မှတ်ချက်များကိုလည်းတူသော meta သတင်းအချက်အလက်များပါဝင်နိုင်ပါသည်:
- စာရေးသူ
- ရက်စွဲကိုဖန်တီး
- မူပိုင်သတင်းအချက်အလက်များ
performance
မှတ်ချက်များကိုဆက်ဆက်အထောက်အကူဖြစ်, သင်မူကားကတော့ style sheet မှ add ပိုမှတ်ချက်များကိုသတိထားပါနိုငျသညျ, ထို heftier က site ရဲ့ download, အမြန်နှုန်းနှင့်စွမ်းဆောင်ရည်ကိုထိခိုက်စေပါလိမ့်မယ်အရာ, ဖြစ်လာပါလိမ့်မယ်။ ဒါကအမှန်တကယ်စိုးရိမ်ပူပန်မှုများသည်အသင်တို့မူကားစွမ်းဆောင်ရည်ခံရလိမ့်မည်ဟုကြောက်ရွံ့သောသဘောသည်အဘို့အထောကျအကူပွုနှင့်တရားဝင်မှက်ချက်ပေးရန်အတွက်တှနျ့ဆုတျသငျ့ဘူး။ CSS ကို၏လိုင်းများတစ်ဦးစာရွက်စာတမ်းမှသိသိသာသာအရွယ်အစား add ကြပါဘူး။ သင်က CSS ကိုဖိုင်အရွယ်အစားအပေါ်သိသိသာသာသက်ရောက်မှုဖြစ်စေမှတ်ချက်များ၏လိုင်းများတန်ချိန်ပေါင်းထည့်ဖို့လိုအပ်လိမ့်မယ်။ သင့်ရဲ့ CSS ကိုသို့အသုံးဝင်သောမှတ်ချက်များလက်တဆုပ်စာဖြည့်ထည့်သငျသညျစာမျက်နှာမြန်နှုန်းအပေါ်တစ်ဦးအသားတင်အနုတ်လက္ခဏာသက်ရောက်မှုကိုမပေးသင့်ပါတယ်။
အဆုံး၌, သင်သည်သင်၏ CSS ကိုစာရွက်စာတမ်းများအတွက်နှစ်ဦးစလုံး၏အကျိုးကျေးဇူးများရရှိရန်အထောက်အကူဖြစ်စေမှတ်ချက်များနှင့်လည်းအများအပြားမှတ်ချက်များအကြားချိန်ခွင်လျှာကိုရှာဖွေချင်ပါလိမ့်မယ်။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 7/5/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်