Cascading Style Sheet များကဘာတွေလဲ?
Website များပုံများ, စာသား, နှင့်အမျိုးမျိုးသောစာရွက်စာတမ်းများအပါအဝင်တစ်ဦးချင်းစီကိုအပိုင်းပိုင်း၏အရေအတွက်ဖွဲ့စည်းထားပါသည်။ ဤရွေ့ကားစာရွက်စာတမ်းများစာရွက်စာတမ်းများ (ပုံစံစာရွက် Cascading) PDF files တွေကိုတူသောအမျိုးမျိုးသောစာမကျြနှာကနေချိတ်ဆက်စေခြင်းငှါသူတို့,, ဒါပေမယ့်လည်းစာမကျြနှာသူတို့ကိုယ်သူတို့တည်ဆောက်ရန်အသုံးပြုကြသည်သောစာရွက်စာတမ်းများ, HTML ကိုစာရွက်စာတမ်းများကဲ့သို့စာမျက်နှာ၏ဖွဲ့စည်းပုံကိုဆုံးဖြတ်ရန်နှင့် CSS ကိုမပါဝင်မှသာ တစ်စာမျက်နှာ၏အသွင်အပြင် dictate ရန်။ ဤဆောင်းပါးကြောင့်ယနေ့ကွန်ရက်စာမျက်နှာတွေပေါ်မှာအသုံးပြုသည်ဘယ်မှာထိုသို့နှင့်အဘယ်သို့ဆိုင်ကိုဖုံးအုပ်ထား, CSS ကိုသို့ delve ပါလိမ့်မယ်။
တစ်ဦးက CSS ကိုသမိုင်းသင်ခန်းစာ
CSS ကိုပထမဦးဆုံး Web developer များသူတို့ကိုခံခဲ့ရသောဝဘ်စာမျက်နှာ၏အမြင်အသွင်အပြင်သတ်မှတ်မှလမ်းတစ်လမ်းအဖြစ် 1997 ခုနှစ်တွင်တီထွင်ခဲ့သည်။ ဒါဟာက်ဘ်ဆိုက်ကျွမ်းကျင်ပညာရှင်များမှခွင့်ပြုရန်ရည်ရွယ်ခဲ့သည် အကြောင်းအရာခွဲခြား သည့်အမြင်ဒီဇိုင်းကြိုတင်ဤအချိန်ဖြစ်နိုင်ခဲ့ဘူးသောအရာတစ်ခုခုကနေ website တစ်ခုဖွင့်ကုဒ်နှင့်ဖွဲ့စည်းပုံမှာ။
လေ့က "ကြည့်ခံစားရတယ်" အဖြစ်လူသိများတစ်ခုခု, စာမျက်နှာကိုယ်တိုင်က၏ဒီဇိုင်းနှင့်အဆင်အပြင်နှင့်ပတ်သက်ပြီးစိုးရိမ်ပူပန်စရာမလိုဘဲ, အကြောင်းအရာ၏ markup - ဖွဲ့စည်းပုံနှင့်စတိုင်၏ခွဲခြာက HTML ကြောင့်မူလကအပေါ်အခြေခံပြီးသော function ကိုပိုပြီးလုပ်ဆောင်ခွင့်ပြု စာမျက်နှာ၏။
CSS ကိုကို web browser များကဤ markup ဘာသာစကား၏အခြေခံဖောင်နှင့်အရောင်ရှုထောင့်ထက်ပိုသုံးပြီးစတင်သောအခါအလှည့်ပတ် 2000, သည်အထိလူကြိုက်များအတွက်ရရှိမပေးခဲ့ပါဘူး။ ယနေ့အားလုံးခေတ်သစ် browser များ, CSS ကိုအဆင့် 2, CSS ကိုအဆင့် 3 ပင်အရှိဆုံးရှုထောင့်အများစု CSS ကိုအဆင့် 1 လုံးကိုထောက်ခံပါတယ်။ CSS ကိုတဖြည်းဖြည်းတိုးတက်ပြောင်းလဲဆက်လက်သစ်စတိုင်များမိတ်ဆက်နေကြတယ်, web browsers တွေသူတို့အား browser များသို့သစ်ကို CSS ကိုထောက်ခံမှုဆောင်ခဲ့မည်အကြောင်း module တွေအကောင်အထည်ဖော်များနှင့်အတူအလုပ်လုပ်ရန်က်ဘ်ဒီဇိုင်နာအစွမ်းထက်သစ်ကိုပုံစံ tools တွေကိုပေးဖို့စတင်ပါပြီ။ အဖြစ်
အတိတ် (အများအပြား) နှစ်များတွင်က်ဘ်ဆိုဒ်များ၏ဒီဇိုင်းနှင့်ဖွံ့ဖြိုးတိုးတက်မှုအတွက် CSS ကိုသုံးစွဲဖို့ငြင်းဆန်ခဲ့သည်ကြောင်းကို select လုပ်ပါက web ဒီဇိုင်နာများရှိကြ၏, သို့သော်အလေ့အကျင့်ရှိသမျှတို့ကိုပေမယ့်ယနေ့စက်မှုလုပ်ငန်းကနေသွားပြီဖြစ်ပါတယ်။ CSS ကိုယခု web design မှာတစ်ဦးအသုံးများစံသည်နှင့်သင်ခဲယဉ်းဤဘာသာစကားကိုအနည်းဆုံးအခြေခံနားလည်မှုရှိသည်မဟုတ်ခဲ့ပါသူကိုယနေ့စက်မှုလုပ်ငန်းအတွက်အလုပ်လုပ်နေသူမည်သူမဆိုကိုရှာဖွေရန်ဖိအားပေးမည်ဖြစ်သည်။
CSS ကိုတစ်ဦးအတိုကောက်ဖြစ်ပါတယ်
ပြီးသားဖော်ပြခဲ့တဲ့အတိုင်း, ဝေါဟာရကို CSS ကိုအတိုကောက် "ကက်စကိတ်ပုံစံစာရွက်။ " ပိုပြီးအပြည့်အဝကဤစာရွက်စာတမ်းများကိုအဘယ်သို့ပြုမည်အရာကိုရှင်းပြဖို့နည်းနည်းဒီထားသောစာပိုဒ်တိုများဖြိုဖျက်ကြပါစို့။
အဆိုပါစကားလုံး "style sheet" (က HTML ကဲ့သို့ပင် CSS ကိုဖိုင်တွေကယ့်ကိုအစီအစဉ်များ၏အမျိုးမျိုးနှင့်အတူ edited နိုင်မယ့်စာသားကိုစာရွက်စာတမ်းများဖြစ်ကြသည်) စာရွက်စာတမ်းသူ့ဟာသူကိုရည်ညွှန်းသည်။ စတိုင်စာရွက်များစာရွက်စာတမ်းများအတွက်အသုံးပြုခဲ့ကြ ဒီဇိုင်းကို နှစ်ပေါင်းများစွာ။ ပုံနှိပ်သို့မဟုတ်အွန်လိုင်းရှိမရှိသူတို့ကတစ်ဦး layout ကိုများအတွက်နည်းပညာဆိုင်ရာသတ်မှတ်ချက်များရှိပါသည်။ ပုံနှိပ်ပါဒီဇိုင်နာများရှည်လျားသူတို့ရဲ့ဒီဇိုင်းများ၎င်းတို့၏သတ်မှတ်ချက်များမှအတိအကျပုံနှိပ်ဖြစ်ကြောင်းအာမခံထားဖို့စတိုင်စာရွက်များကိုအသုံးပြုကြသည်။ ဝဘ်စာမျက်နှာတစ်က style sheet ဒါပေမယ့်လည်းဘယ်လိုကြည့်ရှုအားပေးလျက်ရှိစာရွက်စာတမ်းဆပ်ဖို့ web browser ကိုပြောပြ၏ဆက်ပြောသည်လုပ်ဆောင်ချက်ကိုနှင့်အတူ, တူညီတဲ့ရည်ရွယ်ချက်ဆောင်ရွက်ပါသည်။ ယနေ့ CSS ကိုစတိုင်စာရွက်များလည်းသုံးနိုငျ မီဒီယာမေးမြန်းချက် စာမျက်နှာအဘို့အကြည့်လမ်းကိုပြောင်းလဲပစ်ရန် ကွဲပြားခြားနားသောထုတ်ကုန်များနှင့်မျက်နှာပြင်အရွယ်အစား ။ ကတစ်ခုတည်းက HTML document ကိုကဝင်ရောက်ကြည့်ရှုရန်အသုံးပြုလျက်ရှိမျက်နှာပြင်အညီကွဲပြားခြားနားပြန်ဆိုခံရဖို့ခွင့်ပြုကတည်းကဒါဟာမယုံနိုင်လောက်အောင်အရေးပါသည်။
ကက်စကိတ် ဟူသောဝေါဟာရကို "Cascade style sheet" ၏အမှန်တကယ်အထူးအစိတ်အပိုင်းဖြစ်သည်။ တစ်ဦးကကို web စတိုင်စာရွက် တစ်ရေတံခွန်ကျော်မြစ်ကဲ့သို့သောစာရွက်ထဲမှာစတိုင်များတစ်စီးရီးမှတဆင့်တစ်ခုထဲဖြစ်သွားဖို့ရည်ရွယ်ထားသည်။ မြစ်ထဲတွင်ရေရေတံခွန်အပေါင်းတို့၌ကျောက်ဆောင်တာမျိုးပေမယ့်ရေစီးဆင်းလိမ့်မယ်အတိအကျရှိရာအောက်ခြေမှာသာသူမြားကိုအကျိုးသက်ရောက်စေသည်။ တူညီတဲ့က်ဘ်ဆိုက်စတိုင်စာရွက်များထဲမှာအဆငျ့ဆငျ့၏မှန်သည်။
တိုင်းဝဘ်စာမျက်နှာဝဘ်ဒီဇိုင်နာမဆိုစတိုင်များလျှောက်ထားပါဘူးရင်တောင်အနည်းဆုံး style sheet ကြောင့်ထိခိုက်နေပါတယ်။ ဤသည်က style sheet ဖြစ်ပါတယ် အသုံးပြုသူအေးဂျင့်က style sheet လည်း web browser ကိုအဘယ်သူမျှမကအခြားညွှန်ကြားချက်ပေးထားပါကစာမျက်နှာဖော်ပြရန်ကိုသုံးပါလိမ့်မယ်သောက default စတိုင်များအဖြစ်လူသိများ - ။ ဥပမာအားဖြင့်, default အ hyperlink များအားဖြင့်အပြာရောင် style အမျိုးမျိုးနှင့်သူတို့မျဉ်းသားနေကြသည်။ သူများသည်စတိုင်များဝဘ်ဘရောက်ဇာရဲ့ default style sheet ကနေလာပါတယ်။ ဝဘ်ဒီဇိုင်နာသည်အခြားညွှန်ကြားချက်များကိုပေးစွမ်းသည်မှန်လျှင်, သို့သော်ဘရောက်ဇာကိုစားပေးမှုရှိသည်သောညွှန်ကြားချက်ကိုသိရန်လိုအပ်ပါလိမ့်မည်။ (အပြာရောင်စာသားကိုလင့်များမျဉ်းသားများကဲ့သို့) အားလုံး browser များမိမိတို့ကိုယ်ပိုင် default အစတိုင်များရှိသည်, ဒါပေမဲ့အဲဒီပေးထားတဲ့ defaults များစွာသောလူအပေါင်းတို့သို့မဟုတ်အရှိဆုံးအဓိက browser များနှင့်ဗားရှင်းကိုဖြတ်ပြီး shared နေကြသည်။
တစ်ဘရောက်ဇာကို default အနေနဲ့နောက်ထပ်ဥပမာအားဖြင့်, ငါ့အကို web browser မှာ, ကို default font ကို "ဖြစ်ပါတယ် Times New Roman အရွယ်အစား 16 သို့သျောလညျးငါ font ကိုမိသားစုနှင့်အရွယ်အစား Display ကိုသွားရောက်ကြည့်ရှုသည့်စာမျက်နှာနီးပါးမျှမှာပြသ" ။ အဆိုပါအဆငျ့ဆငျ့ဟာဒီဇိုင်နာများသူတို့ကိုယ်သူတို့အားဖြင့်သတ်မှတ်ထားသည့်ဒုတိယစတိုင်စာရွက်များ, ကြမယ်, ကိုသတ်မှတ်ပါတယ်ကွောငျ့ဖွစျသညျ သည့်စာလုံးအရွယ်အစား ကိုငါ့ web browser ကိုဖွင့်ပေးထားတဲ့ defaults ၎င်းအားနှင့်မိသားစု။ သင်တစ်ဦးဝဘ်စာမျက်နှာအဘို့ဖန်တီးမဆိုစတိုင်စာရွက်များတစ်ဦးကို browser ရဲ့ default အစတိုင်များထက်ပိုမိုတိကျတဲ့ရပါလိမ့်မယ်, ဒါကြောင့်သင့်ရဲ့စတိုင်စာရွက်ကသူတို့ကိုထပ်ရေးမပါဘူးဆိုရင်သူတို့အပေးထားတဲ့ defaults သာလျှောက်ထားပါလိမ့်မယ်။ သငျသညျလင့်များအပြာဖြစ်ချင်နဲ့မျဉ်းသားထားလျှင်သောက default ဖြစ်ပါတယ်ကတည်းကသင်သည်တစုံတခုကိုလုပ်ဖို့မလိုအပ်ပါဘူး, ဒါပေမယ့်သင့်ရဲ့ site ရဲ့ CSS ကိုဖိုင်ကိုလင့်များအစိမ်းရောင်ဖြစ်သင့်ကြောင်းပြောပါတယ်လျှင်, ထိုအရောင်ကို default အပြာဖျက်ရေးသွားမည်။ သငျသညျမဟုတ်ရင်သတ်မှတ်မပြုခဲ့ကတည်းကမျဉ်းသား, ဒီဥပမာထဲမှာဆက်ရှိနေပါလိမ့်မယ်။
CSS ကိုဘယ်မှာအသုံးပြုပါသလဲ?
CSS ကိုလည်း web browser ကိုထက်အခြားမီဒီယာများတွင်ကြည့်ရှုအားပေးသည့်အခါဝဘ်စာမျက်နှာများကိုကြည့်ရှုသင့်ပါတယ်ဘယ်လိုသတ်မှတ်ဖို့အသုံးပြုလို့ရပါတယ်။ ဥပမာအားဖြင့်, သင်ဝဘ်စာမျက်နှာအထဲက print ထုတ်သင့်တယ်ဘယ်လိုသတ်မှတ်ကြလိမ့်မည်တဲ့ပုံနှိပ် style sheet ကိုဖန်တီးနိုင်သည်။ အညွှန်းခလုတ်သို့မဟုတ်ဝဘ်ပုံစံများကဲ့သို့အဝဘ်စာမျက်နှာပစ္စည်းများကတော့ပုံနှိပ်စာမျက်နှာပေါ်တွင်မျှရည်ရွယ်ချက်ရှိသည်လိမ့်မယ်ကြောင့်, တစ်ဦးပုံနှိပ်ပါစတိုင်စာရွက်စာမျက်နှာပုံနှိပ်အခါအဲဒီဒေသတွေ "ကို turn off" ကိုသုံးနိုင်တယ်။ အများအပြားဆိုဒ်များပေါ်မှာဘုံအလေ့အကျင့်မဟုတ်တကယ်နေစဉ်, ပုံနှိပ်စတိုင်စာရွက်များဖန်တီးရန် option ကိုငါ့အတှေ့အကွုံမြားအတွက် (အင်အားကြီးနှင့်ဆွဲဆောင်မှုဖြစ်ပါသည် - အရှိဆုံးက်ဘ်ဆိုက်ပညာရှင်များသည်ဤထပ်တိုးအလုပ်အမှုကိုပြုခံရဖို့အဘို့ဘတ်ဂျက်၏ site တစ်ခု၏အတိုင်းအတာမခေါ်ပါဘူးရိုးရိုးဘာဖြစ်လို့လဲဆိုတော့ဒီမပွု ) ။
အဘယ်ကြောင့် CSS ကိုအရေးကြီးပါသလဲ
CSS ကိုကအားဖြင့်သင်တို့ကို website တစ်ခု၏တစ်ခုလုံးကိုအမြင်အာရုံအသွင်အပြင်ကိုထိခိုကျနိုငျသောကွောငျ့သငျခနျးစာယူနိုငျအာဏာအရှိဆုံး tools များထဲကတစ်ခုဝဘ်ဒီဇိုင်နာဖြစ်ပါတယ်။ ကောင်းပြီစာဖြင့်ရေးသားစတိုင်စာရွက်များလျင်မြန်စွာ updated နှင့်ဆိုဒ်များမျက်နှာပြင်ပေါ်ရှိအမြင်အာရုံဦးစားပေးဘာကိုပြောင်းလဲခွင့်ပြုပါ, အလှည့်အတွက်တန်ဖိုးအားပြသရာနှင့်နောက်ခံက HTML markup စေခံရဖို့လိုအပ်နေမည်သည့်အပြောင်းအလဲများကိုခြင်းမရှိဘဲ, ဧည့်သည်များမှအာရုံစူးစိုက်နိုင်ပါတယ်။
အသစ်စတိုင်များထောက်ခံနှင့်အခြားသူများကျဆင်းသွားနေကြသည်သို့မဟုတ်အကြောင်းရင်းတစ်ခုသို့မဟုတ်အခြားအဘို့အမျက်နှာသာထဲကလဲကျဖြစ်လာအဖြစ်နေ့တိုင်းပြောင်းလဲနေတဲ့ browser များနှင့်အတူအဘယျသို့ယနေ့ကောင်းစွာအလုပ်လုပ်တယ်မနက်ဖြန်သဘောမျိုးလုပ်မပေးစေခြင်းငှါ - CSS ကို၏အဓိကစိန်ခေါ်မှုရှိပါတယ်သင်ယူဖို့အတော်လေးနည်းနည်းဖြစ်ပါတယ် ။
CSS ကိုတစ်ခုထဲဖြစ်သွားနှင့်ပေါင်းစပ်နှင့်ကွဲပြားခြားနားသော browser များကွဲပြားခြားနားသည့်ညွှန်ကြားချက်အနက်ကိုဘော်ပြခြင်းနှင့်အကောင်အထည်ဖေါ်ပေးနိုင်ပုံကိုထည့်သွင်းစဉ်းစားနိုငျသောကွောငျ့, CSS ကိုမာစတာ ရှင်းလင်း. က HTML ထက်ပိုခက်ခဲနိုင်ပါတယ်။ CSS ကိုလည်း HTML ကိုတကယ်မတစ်လမ်းအတွက် browser များအတွက်ပြောင်းလဲစေပါသည်။ သငျသညျ CSS ကိုစတင်သုံးစွဲပြီးတာနဲ့, သို့သော်, သငျသညျစတိုင်စာရွက်များ၏တနျခိုးအသုံးချသင် web စာမျက်နှာများတွင် layout ကိုမည်သို့အတွက်မယုံနိုင်စရာပြောင်းလွယ်ပြင်လွယ်ပေးနှင့်၎င်းတို့၏ကြည့်သတ်မှတ်နှင့်ခံစားမိပါလိမ့်မယ်သိမြင်ပါလိမ့်မယ်။ လမ်းတစ်လျှောက်ကသင်သည်အတိတ်ကာလ၌သင်တို့အဘို့အအလုပ်လုပ်ခဲ့ဘူးသောစတိုင်များနှင့်ချဉ်းကပ်မှုတစ်ခု "လှည့်ကွက်များ၏အိတ်" ထိုညီအစ်ကိုလိမ့်မယ်နှငျ့သငျအနာဂတျမှာအသစ်ကကွန်ရက်စာမျက်နှာတွေတည်ဆောက်သကဲ့သို့သင်တို့ကိုတဖန်မှဖွင့်နိုင်သည့်။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 7/5/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်,