CSS (Cascading Style Sheets) သည် markup ဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်း၏ တင်ပြမှုကို ဖော်ပြရန်အတွက် အသုံးပြုသည့် ပုံစံစာရွက်ဘာသာစကားတစ်ခုဖြစ်သည်။ ၎င်းကို ဝဘ်စာမျက်နှာများ၏ အပြင်အဆင်၊ ဖောင့်များ၊ အရောင်များနှင့် အခြားသော အမြင်အာရုံများကို ထိန်းချုပ်ရန် အသုံးပြုသည်။
CSS သို့မဟုတ် Cascading Style Sheets သည် ဝဘ်စာမျက်နှာများကို ပုံစံဖော်ရန်နှင့် ဖော်မတ်လုပ်ရန် အသုံးပြုသည့် coding language တစ်ခုဖြစ်သည်။ ၎င်းသည် ဝဘ်ဒီဇိုင်နာများအား ၎င်းတို့၏အရွယ်အစား၊ အရောင်နှင့် စာမျက်နှာပေါ်ရှိ တည်နေရာအပါအဝင် ဝဘ်ဆိုက်တစ်ခုရှိ စာသား၊ ရုပ်ပုံများနှင့် အခြားအရာများ၏ အသွင်အပြင်ကို ထိန်းချုပ်ရန် ခွင့်ပြုသည်။ အရှင်းဆုံးပြောရရင် CSS က ဝဘ်ဆိုဒ်တွေကို လှပပြီး စနစ်တကျဖြစ်စေပါတယ်။
CSS (သို့) Cascading Style Sheets သည် HTML သို့မဟုတ် XML ဖြင့် ရေးသားထားသော စာရွက်စာတမ်း၏ တင်ပြမှုကို ဖော်ပြရန်အတွက် အသုံးပြုသည့် ပရိုဂရမ်ဘာသာစကားတစ်ခုဖြစ်သည်။ CSS ကို HTML နှင့် တွဲလျက် ဝဘ်ဆိုဒ်၏ စတိုင်ကို သတ်မှတ်ရန် အသုံးပြုပြီး သင့်ဝဘ်စာမျက်နှာရှိ အစိတ်အပိုင်းများ သို့မဟုတ် ဒြပ်စင်အုပ်စုများအတွက် အသုံးပြုသင့်သည့် ပုံစံအုပ်စုများကို သတ်မှတ်ခြင်းဖြင့် စည်းမျဉ်းများကို သတ်မှတ်နိုင်စေမည့် စည်းမျဉ်းအခြေခံဘာသာစကားတစ်ခုဖြစ်သည်။
CSS သည် များစွာသော ဝဘ်စာမျက်နှာများ၏ အပြင်အဆင်ကို တစ်ပြိုင်နက်တည်း ထိန်းချုပ်နိုင်ပြီး အလုပ်များစွာကို ချွေတာနိုင်သော အစွမ်းထက်သည့်ကိရိယာတစ်ခုဖြစ်သည်။ လှပပြီး အလုပ်လုပ်နိုင်သော ဝဘ်ဆိုဒ်များကို ဖန်တီးရန်အတွက် ၎င်းသည် စာသားအရောင်များ၊ အကွက်များနှင့် အခြားဒြပ်စင်များကို စီမံခန့်ခွဲနိုင်သည်။ CSS သည် ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှု၏ မရှိမဖြစ်လိုအပ်သော အစိတ်အပိုင်းတစ်ခုဖြစ်လာစေရန် စခရင်၊ စာရွက်ပေါ်တွင်၊ စကားပြောဆိုခြင်း သို့မဟုတ် အခြားမီဒီယာတွင် အစိတ်အပိုင်းများကို မည်သို့ပြန်ဆိုသင့်သည်ကို CSS က ဖော်ပြသည်။
သင်သည် စတင်သူ သို့မဟုတ် အတွေ့အကြုံရှိ ဝဘ်ဆော့ဖ်ဝဲရေးသားသူဖြစ်ပါစေ၊ CSS ကို နားလည်သဘောပေါက်ခြင်းသည် အမြင်အားဖြင့် ဆွဲဆောင်မှုရှိပြီး အသုံးပြုရလွယ်ကူသော ဝဘ်ဆိုဒ်ကို ဖန်တီးရန်အတွက် အရေးကြီးပါသည်။ ဤဆောင်းပါးတွင်၊ CSS သည် အဘယ်အရာ၊ ၎င်းအလုပ်လုပ်ပုံနှင့် CSS အမျိုးအစားများကို ပိုမိုနက်ရှိုင်းစွာ စေ့စေ့စပ်စပ်ဖော်ပြပါမည်။ လုပ်ဆောင်နိုင်စွမ်းနှင့် အမြင်အာရုံအရ ဆွဲဆောင်မှုရှိသော ရင်သပ်ရှုမောဖွယ် ဝဘ်ဆိုဒ်များကို ဖန်တီးရန်အတွက် CSS ကိုအသုံးပြုခြင်းအတွက် အကောင်းဆုံးအလေ့အကျင့်အချို့ကိုလည်း လေ့လာပါမည်။
CSS ဆိုတာဘာလဲ။
CSS သို့မဟုတ် Cascading Style Sheets သည် HTML သို့မဟုတ် XML ဖြင့် ရေးသားထားသော စာရွက်စာတမ်း၏ တင်ပြမှုကို ဖော်ပြရန်အတွက် အသုံးပြုသည့် ပရိုဂရမ်ဘာသာစကားတစ်ခုဖြစ်သည်။ HTML ဒြပ်စင်များကို ပုံစံသွင်းရန်နှင့် ဝဘ်စာမျက်နှာများစွာ၏ အပြင်အဆင်ကို တစ်ပြိုင်နက် ထိန်းချုပ်ရန်အတွက် ၎င်းကို အသုံးပြုသည်။
အဓိပ္ပာယ်
CSS သည် ဖန်သားပြင်၊ စာရွက်၊ စကားပြောခန်း သို့မဟုတ် အခြားမီဒီယာပေါ်တွင် ဒြပ်စင်များကို မည်သို့ပြန်ဆိုသင့်သည်အတွက် စည်းမျဉ်းများကို သတ်မှတ်ပေးသည့် စည်းမျဉ်းအခြေခံဘာသာစကားတစ်ခုဖြစ်သည်။ ၎င်းသည် ဆော့ဖ်ဝဲအင်ဂျင်နီယာများအား ဝဘ်စာမျက်နှာတစ်ခု၏ တင်ပြမှုကို ၎င်း၏အကြောင်းအရာနှင့် ခွဲခြားနိုင်စေကာ ဝဘ်ဆိုက်ကို ထိန်းသိမ်းရန်နှင့် အပ်ဒိတ်လုပ်ရန် ပိုမိုလွယ်ကူစေသည်။
သမိုင်း
CSS ကို 1996 ခုနှစ်တွင် စတင်မိတ်ဆက်ခဲ့ပြီး နောက်ပိုင်းတွင် အပ်ဒိတ်များနှင့် ပြန်လည်ပြင်ဆင်မှုများ အများအပြားပြုလုပ်ခဲ့သည်။ ပုံစံဒီဇိုင်းနှင့် အပြင်အဆင်များတွင် HTML ၏ ကန့်သတ်ချက်များကို ဖြေရှင်းရန် ၎င်းကို တီထွင်ခဲ့သည်။ CSS မတိုင်မီတွင်၊ HTML ကို ဝဘ်စာမျက်နှာတစ်ခု၏ တည်ဆောက်ပုံနှင့် ၎င်း၏တင်ပြမှုကို သတ်မှတ်ရန် အသုံးပြုခဲ့သည်။ သို့သော်၊ ၎င်းသည် ဝဘ်ဆိုဒ်တစ်ခု၏ အပြင်အဆင် သို့မဟုတ် ဒီဇိုင်းကို ပြောင်းလဲရန် ခက်ခဲစေသည်။
အရေးကြီးပုံ
CSS သည် developer များအား အမြင်အာရုံဆွဲဆောင်မှုရှိပြီး တုံ့ပြန်မှုရှိသော ဝဘ်ဆိုဒ်များကို ဖန်တီးနိုင်သောကြောင့် ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင် အရေးပါသောအခန်းကဏ္ဍမှ ပါဝင်ပါသည်။ ၎င်းသည် ဝဘ်ဆိုက်တစ်ခု၏တင်ပြမှုအပေါ် ပိုမိုထိန်းချုပ်နိုင်စေပြီး ဝဘ်စာမျက်နှာများစွာတွင် ဆော့ဖ်ဝဲရေးသားသူများကို တသမတ်တည်းရှိသော အသွင်အပြင်ဖန်တီးနိုင်စေပါသည်။
နိဂုံးချုပ်အနေနှင့်၊ CSS သည် အမြင်အာရုံဆွဲဆောင်မှုနှင့် တုံ့ပြန်မှုရှိသော ဝဘ်ဆိုက်များကို ဖန်တီးရန်အတွက် ဝဘ်ဆော့ဖ်ဝဲရေးဆွဲသူများအတွက် မရှိမဖြစ်ကိရိယာတစ်ခုဖြစ်သည်။ ၎င်းသည် ဝဘ်ဆိုက်တစ်ခု၏တင်ပြမှုကို ၎င်း၏အကြောင်းအရာနှင့် ပိုင်းခြားထားပြီး ဝဘ်စာမျက်နှာများစွာတွင် ဆော့ဖ်ဝဲရေးသားသူများအား တသမတ်တည်းရှိသော အသွင်အပြင်နှင့် ခံစားမှုကို ဖန်တီးနိုင်စေပါသည်။
CSS အခြေခံများ
CSS သည် ဝဘ်စာမျက်နှာတစ်ခု၏ အပြင်အဆင်ကိုဖော်မတ်ရန်အတွက် အသုံးပြုနိုင်သည့် အစွမ်းထက်သောပုံစံဘာသာစကားတစ်ခုဖြစ်သည်။ ဤအပိုင်းတွင်၊ syntax၊ selectors၊ properties နှင့် values များအပါအဝင် CSS ၏ အခြေခံသဘောတရားအချို့ကို ခြုံငုံသုံးသပ်ပါမည်။
syntax
CSS သည် ဝဘ်စာမျက်နှာပေါ်တွင် HTML ဒြပ်စင်များကို မည်သို့ပြသသင့်သည်ကို ဆုံးဖြတ်ရန် စည်းမျဉ်းအစုံအလင်ကို အသုံးပြုသည့် စည်းမျဉ်းအခြေခံဘာသာစကားဖြစ်သည်။ CSS စည်းမျဉ်းတစ်ခုတွင် ရွေးချယ်ကိရိယာတစ်ခုနှင့် ကြေငြာပိတ်ဆို့ခြင်းတစ်ခု ပါဝင်သည်။ ရွေးချယ်သူသည် HTML ဒြပ်စင်အား ပုံစံထုတ်ရန် ညွှန်ပြသည်၊ ကြေငြာချက် ဘလောက်တွင် ဆီမီးကော်လံများဖြင့် ခြားထားသော ကြေငြာချက်တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော ကြေငြာချက်များပါရှိသည်။ ကြေငြာချက်တစ်ခုစီတွင် ကော်လံတစ်ခုခြားထားသော CSS ပိုင်ဆိုင်မှုအမည်နှင့် တန်ဖိုးတစ်ခုပါဝင်သည်။
ရွေးချယ်မှုများ
ဝဘ်စာမျက်နှာတစ်ခုပေါ်ရှိ သီးခြား HTML အစိတ်အပိုင်းများကို ပစ်မှတ်ထားရန် ရွေးချယ်သူများကို အသုံးပြုသည်။ အစိတ်အပိုင်းရွေးချယ်သူများ၊ အတန်းရွေးချယ်သူများ၊ ID ရွေးပေးသူများနှင့် အရည်အချင်းရွေးချယ်သူများအပါအဝင် ရွေးချယ်ကိရိယာအမျိုးအစားများစွာရှိသည်။ Element Selectors များသည် သတ်မှတ်ထားသော HTML ဒြပ်စင်များကို ပစ်မှတ်ထားသော်လည်း class Selectors များသည် သီးခြား class attribute ဖြင့် အစိတ်အပိုင်းများကို ပစ်မှတ်ထားသည်။ ID ရွေးချယ်သူများသည် တိကျသော ID ရည်ညွှန်းချက်ဖြင့် ဒြပ်စင်များကို ပစ်မှတ်ထားသော်လည်း attribute ရွေးချယ်သူများသည် သီးခြား attribute ဖြင့် အစိတ်အပိုင်းများကို ပစ်မှတ်ထားသည်။
My Properties
ဝဘ်စာမျက်နှာရှိ HTML အစိတ်အပိုင်းများ၏ အမြင်အာရုံကို ထိန်းချုပ်ရန်အတွက် CSS ဂုဏ်သတ္တိများကို အသုံးပြုသည်။ အရောင်၊ ဖောင့်အရွယ်အစား၊ နောက်ခံအရောင်နှင့် အနားသတ်များအပါအဝင် အခြား CSS ဂုဏ်သတ္တိများစွာ ရှိပါသည်။ ဒြပ်စင်တစ်ခုပြသပုံကို ထိန်းချုပ်ရန် CSS ဂုဏ်သတ္တိများကို အရောင်တစ်ခု သို့မဟုတ် ဖောင့်အရွယ်အစားကဲ့သို့သော သီးခြားတန်ဖိုးများအဖြစ် သတ်မှတ်နိုင်သည်။
တန်ဖိုးများ
CSS ဂုဏ်သတ္တိများ၏ သီးခြားတန်ဖိုးများကို သတ်မှတ်ရန်အတွက် တန်ဖိုးများကို အသုံးပြုသည်။ ဥပမာအားဖြင့်၊ အရောင်ပိုင်ဆိုင်မှုကို အနီရောင်၊ အစိမ်း သို့မဟုတ် အပြာကဲ့သို့ သီးခြားအရောင်တန်ဖိုးတစ်ခုအဖြစ် သတ်မှတ်နိုင်သည်။ ဖောင့်အရွယ်အစားကဲ့သို့သော အခြားဂုဏ်သတ္တိများကို 12px သို့မဟုတ် 16px ကဲ့သို့သော သီးခြားတန်ဖိုးများအဖြစ် သတ်မှတ်နိုင်သည်။
စည်းမျဥ်းများနှင့် ရှေ့တန်း
ဝဘ်စာမျက်နှာတစ်ခုပေါ်ရှိ HTML အစိတ်အပိုင်းများအတွက် ပုံစံသတ်မှတ်ရန် CSS စည်းမျဉ်းများကို အသုံးပြုသည်။ စည်းမျဉ်းအများအပြားကို တူညီသောဒြပ်စင်သို့ သက်ရောက်သောအခါ၊ အမြင့်ဆုံးတိကျမှုနှင့် မကြာသေးမီက အသုံးပြုထားသည့် စည်းမျဉ်းသည် ဦးစားပေးမည်ဖြစ်သည်။ အချို့ကိစ္စများတွင်၊ အခြားစည်းမျဉ်းများကို ကျော်လွန်ပြီး တိကျသောစတိုင်လ်ကို အသုံးပြုထားကြောင်း သေချာစေရန်အတွက် အရေးကြီးသောသော့ချက်စကားလုံးကို အသုံးပြုရန်လိုအပ်နိုင်သည်။
နိဂုံးချုပ်အနေနှင့်၊ CSS သည် ဝဘ်စာမျက်နှာတစ်ခု၏ အပြင်အဆင်ကိုဖော်မတ်ရန်အတွက် အသုံးပြုနိုင်သည့် အစွမ်းထက်သောပုံစံဘာသာစကားတစ်ခုဖြစ်သည်။ CSS အစီအမံများ၊ ရွေးချယ်မှုများ၊ ဂုဏ်သတ္တိများနှင့် တန်ဖိုးများကို နားလည်ခြင်းဖြင့်၊ သင်သည် သွားလာရလွယ်ကူပြီး အမြင်အာရုံဆွဲဆောင်နိုင်သည့် လှပပြီး တုံ့ပြန်မှုရှိသော ဝဘ်စာမျက်နှာများကို ဖန်တီးနိုင်သည်။
CSS ဗားရှင်းများ
ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများ၏ ပြောင်းလဲလာသော လိုအပ်ချက်များကို ဖြည့်ဆည်းပေးရန်အတွက် CSS သည် ဗားရှင်းအသစ်များကို မိတ်ဆက်လာခြင်းဖြင့် နှစ်များတစ်လျှောက် တိုးတက်ပြောင်းလဲလာခဲ့သည်။ လက်ရှိတွင်၊ CSS ၏ အဓိကဗားရှင်း လေးမျိုးရှိသည်- CSS1၊ CSS2.1၊ CSS3 နှင့် CSS4။
CSS1
CSS1 သည် 1996 ခုနှစ်တွင် ထုတ်ဝေခဲ့သော CSS ၏ ပထမဆုံးဗားရှင်းဖြစ်သည်။ ၎င်းသည် ဖောင့်အရောင်၊ အရွယ်အစားနှင့် စတိုင်ကဲ့သို့သော အခြေခံပုံစံရွေးချယ်စရာများကို ပံ့ပိုးပေးထားသည်။ စာမျက်နှာတစ်ခုပေါ်ရှိ အစိတ်အပိုင်းများ၏ အနေအထားကို သတ်မှတ်ခြင်းဖြင့် ရိုးရှင်းသော အပြင်အဆင်များ ဖန်တီးခြင်းကိုလည်း ခွင့်ပြုထားသည်။ CSS1 သည် ဒြပ်စင်များ၏ အသွင်အပြင်ကို သတ်မှတ်ရန် HTML tags များကို အသုံးပြုခြင်း ပါ၀င်သော ယခင် ဝဘ်စာမျက်နှာများကို ပုံသွင်းခြင်းနည်းလမ်းများထက် သိသာထင်ရှားသော တိုးတက်မှုတစ်ခုဖြစ်သည်။
CSS2.1
CSS2.1 ကို 1998 ခုနှစ်တွင် ထုတ်ဝေခဲ့ပြီး ပုံနှိပ်ခြင်းနှင့် ဖန်သားပြင်ကဲ့သို့ မီဒီယာအမျိုးအစားများအတွက် ပံ့ပိုးမှုအပါအဝင် အင်္ဂါရပ်အသစ်များနှင့် အစိတ်အပိုင်းများကို ပြသသင့်သည့် အစီအစဥ်ကို သတ်မှတ်ပေးနိုင်သည်။ ၎င်းသည် စာမျက်နှာတစ်ခုပေါ်ရှိ သီးခြားအစိတ်အပိုင်းများကို ပစ်မှတ်ထားပြီး ၎င်းတို့အတွက် စတိုင်များကို အသုံးပြုခွင့်ပေးသည့် developer များအား ရွေးချယ်ပေးသူများ၏ သဘောတရားကိုလည်း မိတ်ဆက်ပေးခဲ့သည်။
CSS3
CSS3 ကို 1999 ခုနှစ်တွင် စတင်မိတ်ဆက်ခဲ့ပြီး CSS ၏ နောက်ဆုံးဗားရှင်းဖြစ်သည်။ ကာတွန်းများ၊ အကူးအပြောင်းများနှင့် gradients များအတွက် ပံ့ပိုးမှုအပါအဝင် ကျယ်ပြန့်သော အင်္ဂါရပ်အသစ်များကို ထည့်သွင်းထားသည်။ CSS3 သည် ကုဒ်နည်း၍ ပိုမိုရှုပ်ထွေးသော အပြင်အဆင်များကို ဖန်တီးနိုင်စေမည့် flexbox နှင့် grid ကဲ့သို့သော အပြင်အဆင်ရွေးချယ်စရာအသစ်များကိုလည်း မိတ်ဆက်ပေးခဲ့သည်။ CSS3 ကို ယနေ့ခေတ်တွင် တွင်ကျယ်စွာအသုံးပြုနေဆဲဖြစ်ပြီး ခေတ်မီဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုအတွက် စံတစ်ခုဖြစ်လာခဲ့သည်။
CSS4
CSS4 သည် လက်ရှိတွင် ဖွံ့ဖြိုးတိုးတက်နေပြီး မဝေးတော့သောအနာဂတ်တွင် ထွက်ရှိလာမည်ဟု မျှော်လင့်ရသည်။ developer များသည် ၎င်းတို့၏ stylesheet တစ်လျှောက် တန်ဖိုးများကို သတ်မှတ်ပြီး ပြန်သုံးနိုင်စေမည့် variables များအတွက် ပံ့ပိုးမှု အပါအဝင် ဝန်ဆောင်မှုအသစ်များစွာကို မိတ်ဆက်ပေးမည်ဖြစ်သည်။ CSS4 တွင် ကွန်တိန်နာမေးခွန်းများကဲ့သို့သော အပြင်အဆင်အသစ်ရွေးချယ်မှုများလည်း ပါဝင်မည်ဖြစ်ပြီး၊ developer များသည် ၎င်းတို့ထည့်သွင်းထားသည့် ကွန်တိန်နာအရွယ်အစားနှင့်လိုက်လျောညီထွေဖြစ်စေမည့် တုံ့ပြန်မှုဒီဇိုင်းများကို ဖန်တီးနိုင်စေမည်ဖြစ်သည်။
နိဂုံးချုပ်အနေဖြင့်၊ CSS ကို စတင်တည်ထောင်ချိန်မှစ၍ များစွာဝေးကွာလာခဲ့ပြီး ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများ၏ ပြောင်းလဲလာသော လိုအပ်ချက်များကို ဖြည့်ဆည်းပေးနိုင်ရန် ဗားရှင်းအသစ်များကို မိတ်ဆက်ပေးခဲ့ပါသည်။ ဗားရှင်းတစ်ခုစီတွင် ရှုပ်ထွေးသော အပြင်အဆင်များနှင့် ပုံစံများကို ဖန်တီးရန် ပိုမိုလွယ်ကူစေသည့် အင်္ဂါရပ်များနှင့် စွမ်းရည်အသစ်များကို ထည့်သွင်းထားသည်။ မိုးကုတ်စက်ဝိုင်းတွင် CSS4 ကို ဖြန့်ချိခြင်းဖြင့်၊ developer များအတွက် ပိုမိုအစွမ်းထက်သောကိရိယာများနှင့် ရွေးချယ်စရာများနှင့်အတူ ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှု၏အနာဂတ်သည် တောက်ပနေပါသည်။
CSS နှင့် HTML
CSS နှင့် HTML သည် ဝဘ်စာမျက်နှာများကို ဖန်တီးရာတွင် အသုံးပြုသည့် သီးခြားဘာသာစကားနှစ်ခုဖြစ်သည်။ HTML သည် ဝဘ်စာမျက်နှာတစ်ခုပေါ်ရှိ အကြောင်းအရာများကို တည်ဆောက်ရာတွင် အသုံးပြုသည့် မှတ်သားထားသောဘာသာစကားဖြစ်ပြီး CSS ကို အကြောင်းအရာကို ပုံစံဖော်ရန်နှင့် ဖော်မတ်လုပ်ရန် အသုံးပြုသည်။ ဤကဏ္ဍတွင်၊ အမြင်အာရုံဆွဲဆောင်မှုရှိသော ဝဘ်စာမျက်နှာများကို ဖန်တီးရန် CSS နှင့် HTML တို့သည် မည်ကဲ့သို့ အတူတကွ လုပ်ဆောင်ကြသည်ကို ကျွန်ုပ်တို့ လေ့လာပါမည်။
HTML အစိတ်အပိုင်းများ
HTML ဒြပ်စင်များသည် ဝဘ်စာမျက်နှာတစ်ခု၏ တည်ဆောက်မှုတုံးများဖြစ်သည်။ ၎င်းတို့သည် ဝဘ်စာမျက်နှာတစ်ခု၏ ဖွဲ့စည်းပုံနှင့် အကြောင်းအရာကို သတ်မှတ်ပေးသည့် တဂ်များဖြစ်သည်။ ခေါင်းစဉ်များ၊ စာပိုဒ်များ၊ စာရင်းများ၊ ရုပ်ပုံများနှင့် အခြားအရာများကို ဖန်တီးရန်အတွက် HTML အစိတ်အပိုင်းများကို အသုံးပြုနိုင်သည်။ HTML ဒြပ်စင်တစ်ခုစီတွင် CSS ကို အသုံးပြု၍ ပုံစံချနိုင်သည့် ကိုယ်ပိုင်ဂုဏ်သတ္တိများ အစုံပါရှိသည်။
Markup ဘာသာစကား
HTML သည် ဝဘ်စာမျက်နှာတစ်ခု၏ ဖွဲ့စည်းပုံကို သတ်မှတ်ရန် tags များကို အသုံးပြုသည့် markup language တစ်ခုဖြစ်သည်။ အကြောင်းအရာကို ခြုံငုံပြီး အဓိပ္ပာယ်ပေးရန်အတွက် တဂ်များကို အသုံးပြုသည်။ ဥပမာအားဖြင့်၊ <h1> tag ကို ထိပ်တန်းအဆင့် ခေါင်းစီးတစ်ခုကို သတ်မှတ်ရန် အသုံးပြုနေစဉ်၊ <p> tag ကို စာပိုဒ်တစ်ခု သတ်မှတ်ရန် အသုံးပြုသည်။ HTML သည် ရှုပ်ထွေးသော ဝဘ်စာမျက်နှာများကို ဖန်တီးရန် အစွမ်းထက်သော ဘာသာစကားတစ်ခုဖြစ်သည်။
links များ
လင့်ခ်များသည် ဝဘ်စာမျက်နှာတိုင်း၏ မရှိမဖြစ် အစိတ်အပိုင်းတစ်ခုဖြစ်သည်။ ၎င်းတို့သည် အသုံးပြုသူများအား စာမျက်နှာများကြားတွင် သွားလာနိုင်ပြီး ပြင်ပအရင်းအမြစ်များကို ဝင်ရောက်ကြည့်ရှုခွင့်ပေးသည်။ လင့်ခ်များကို အသုံးပြု၍ ဖန်တီးထားသည်။ <a> tag နှင့် CSS ကို အသုံးပြု၍ ပုံစံချနိုင်သည်။ ဝဘ်စာမျက်နှာတစ်ခုအတွင်း စာညှပ်များဖန်တီးရန် လင့်ခ်များကို အသုံးပြုသူများအား စာမျက်နှာ၏ သီးခြားကဏ္ဍများသို့ လျင်မြန်စွာ ခုန်ဆင်းနိုင်စေခြင်းဖြင့်လည်း အသုံးပြုနိုင်သည်။
ယေဘုယျအားဖြင့်၊ CSS နှင့် HTML တို့သည် အမြင်အာရုံဆွဲဆောင်မှုရှိသော ဝဘ်စာမျက်နှာများကို ဖန်တီးရန် အတူတကွလုပ်ဆောင်ကြသည်။ HTML သည် ဝဘ်စာမျက်နှာတစ်ခု၏ ဖွဲ့စည်းပုံနှင့် အကြောင်းအရာကို သတ်မှတ်ပေးသည်၊ CSS ကို ထိုအကြောင်းအရာကို ပုံစံဖော်ရန်နှင့် ဖော်မတ်ရန်အတွက် အသုံးပြုသည်။ HTML နှင့် CSS ကိုအတူတကွအသုံးပြုခြင်းဖြင့် ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများသည် အသုံးပြုရလွယ်ကူပြီး သွားလာရလွယ်ကူသော လှပပြီး လုပ်ဆောင်နိုင်သော ဝဘ်ဆိုဒ်များကို ဖန်တီးနိုင်သည်။
CSS နှင့် ဝဘ်ဒီဇိုင်း
CSS သည် ဝဘ်ဒီဇိုင်းတွင် အရေးပါသော အခန်းကဏ္ဍမှ ပါဝင်ပါသည်။ ၎င်းသည် ဆော့ဖ်ဝဲအင်ဂျင်နီယာများအား ဝဘ်စာမျက်နှာများ၏ အမြင်အာရုံအသွင်အပြင်ကို ထိန်းချုပ်နိုင်ပြီး စာမျက်နှာများစွာတစ်လျှောက် လိုက်လျောညီထွေရှိစေရန် ဆောင်ရွက်ပေးသည်။ ဤကဏ္ဍတွင်၊ CSS သည် အပြင်အဆင်၊ စာစီစာရိုက်၊ အရောင်နှင့် ပုံများအပါအဝင် ဝဘ်ဒီဇိုင်း၏ မတူညီသောရှုထောင့်များကို မည်သို့အကျိုးသက်ရောက်သည်ကို လေ့လာပါမည်။
စီမန်ကိန်း
CSS သည် ဝဘ်ဖန်တီးသူများအား ဝဘ်စာမျက်နှာများ၏ အပြင်အဆင်ကို ထိန်းချုပ်ရန် ခွင့်ပြုသည်။ CSS ကိုအသုံးပြုခြင်းဖြင့်၊ developer များသည် ဝဘ်စာမျက်နှာတစ်ခုပေါ်တွင် မတူညီသောဒြပ်စင်များကို နေရာချထားနိုင်ပြီး၊ ဤဒြပ်စင်များ၏ အရွယ်အစားကို ထိန်းချုပ်နိုင်ပြီး မတူညီသောစက်ပစ္စည်းများတွင် ၎င်းတို့ကို တစ်သမတ်တည်းပြသနိုင်စေရန် သေချာစေသည်။ CSS သည် developer များအား မတူညီသော စခရင်အရွယ်အစားများနှင့် လိုက်လျောညီထွေဖြစ်စေသော တုံ့ပြန်မှုရှိသော ဒီဇိုင်းများကို ဖန်တီးနိုင်စေပြီး ဝဘ်စာမျက်နှာများကို စက်အားလုံးတွင် ဝင်ရောက်အသုံးပြုနိုင်ကြောင်း သေချာစေပါသည်။
စာစီစာရိုက်
CSS သည် ဝဘ်စာမျက်နှာများ၏ စာစီစာရိုက်ကို ထိန်းချုပ်ရန်အတွက် ကျယ်ပြန့်သော ရွေးချယ်စရာများကို developer များကို ပေးပါသည်။ CSS ဖြင့်၊ developer များသည် ဖောင့်မိသားစု၊ ဖောင့်အရွယ်အစား၊ လိုင်းအမြင့်နှင့် ဝဘ်စာမျက်နှာရှိ စာသားအကွာအဝေးကို ထိန်းချုပ်နိုင်သည်။ ဝဘ်စာမျက်နှာရှိ မတူညီသောဒြပ်စင်များကြားတွင် စာသားများ၏ ချိန်ညှိမှုကိုလည်း ထိန်းချုပ်နိုင်သည်။
အရောင်
CSS သည် ဝဘ်စာမျက်နှာပေါ်တွင် အသုံးပြုသည့် အရောင်များကို developer များအား ထိန်းချုပ်နိုင်စေပါသည်။ CSS ဖြင့်၊ developer များသည် ဝဘ်စာမျက်နှာတစ်ခု၏ နောက်ခံအရောင်ကို သတ်မှတ်နိုင်သည်၊ စာသား၏အရောင်ကို ပြောင်းလဲနိုင်ပြီး ဝဘ်စာမျက်နှာရှိ မတူညီသောဒြပ်စင်များ၏ အရောင်ကို ထိန်းချုပ်နိုင်သည်။ CSS သည် developer များအား gradients များနှင့် အခြားသော ရှုပ်ထွေးသော အရောင်အကျိုးသက်ရောက်မှုများကို ဖန်တီးနိုင်စေပါသည်။
images ကို
CSS သည် ဝဘ်စာမျက်နှာတစ်ခုပေါ်ရှိ ပုံများပြသမှုကို ထိန်းချုပ်ရန် developer များအား ပံ့ပိုးပေးသည်။ CSS ဖြင့်၊ developer များသည် ပုံများ၏ အရွယ်အစားကို ထိန်းချုပ်နိုင်ပြီး ဝဘ်စာမျက်နှာတစ်ခုပေါ်ရှိ ပုံများ၏ အနေအထားကို သတ်မှတ်ကာ ပုံများ၏ ပွင့်လင်းမြင်သာမှုကို ထိန်းချုပ်နိုင်သည်။ CSS သည် drop shadows နှင့် borders ကဲ့သို့သော ရှုပ်ထွေးသော image effect များကို developer များအား ပံ့ပိုးပေးပါသည်။
နိဂုံးချုပ်အားဖြင့်၊ CSS သည် ဝဘ်ဒီဇိုင်းအတွက် မရှိမဖြစ်လိုအပ်သောကိရိယာတစ်ခုဖြစ်သည်။ ၎င်းသည် ဝဘ်စာမျက်နှာများပေါ်တွင် အသုံးပြုသည့် အပြင်အဆင်၊ စာစီစာရိုက်၊ အရောင်နှင့် ပုံများကို ဝဘ်စာမျက်နှာများကို စက်ပစ္စည်းအားလုံးတွင် အမြင်အာရုံဖြင့် ဆွဲဆောင်နိုင်ပြီး ဝင်ရောက်ကြည့်ရှုနိုင်စေရန် ဆော့ဖ်ဝဲအင်ဂျင်နီယာများအား ထိန်းချုပ်နိုင်စေပါသည်။
CSS နှင့် Web Development
CSS သို့မဟုတ် Cascading Style Sheets သည် ဝဘ်ဆော့ဖ်ဝဲရေးဆွဲသူများအတွက် မရှိမဖြစ်ကိရိယာတစ်ခုဖြစ်သည်။ အပြင်အဆင်၊ အရောင်များ၊ ဖောင့်များနှင့် အခြားအရာများအပါအဝင် HTML နှင့် XML စာရွက်စာတမ်းများ၏ တင်ပြမှုကို ထိန်းချုပ်နိုင်စေပါသည်။
ပြင်ပ CSS
ပြင်ပ CSS သည် ဝဘ်ဆိုက်တစ်ခုမှ အသုံးပြုသည့် ပုံစံအားလုံးပါ၀င်သည့် သီးခြားဖိုင်တစ်ခုဖြစ်သည်။ ဤဖိုင်ကို အသုံးပြု၍ HTML စာရွက်စာတမ်းနှင့် ချိတ်ဆက်ထားသည်။ tag ပြင်ပ CSS သည် ဝဘ်ဆိုဒ်ကို ထိန်းသိမ်းရန်နှင့် အပ်ဒိတ်လုပ်ရန် ပိုမိုလွယ်ကူစေရန် တင်ဆက်မှုကို အကြောင်းအရာနှင့် သီးခြားထားရှိရန် နည်းလမ်းကောင်းတစ်ခုဖြစ်သည်။ ဝဘ်ဆိုဒ်တစ်ခုပေါ်ရှိ စာမျက်နှာများစွာကို လိုက်လျောညီထွေဖြစ်စေရန်လည်း ခွင့်ပြုထားသည်။
အတွင်းပိုင်း CSS
Internal CSS ကို HTML Document တွင် အသုံးပြု၍ သတ်မှတ်သည်။ tag. It is useful when you want to apply styles to a single page or a specific section of a website. However, it can make the HTML document cluttered and harder to read.
CSS အတွင်းလိုင်း
Inline CSS ကို style attribute ကို အသုံးပြု၍ HTML element အတွင်းတွင် သတ်မှတ်ထားသည်။ စတိုင်များကို တိကျသောဒြပ်စင်တစ်ခုသို့ သင်အသုံးပြုလိုသောအခါတွင် ၎င်းသည် အသုံးဝင်သည်။ သို့ရာတွင်၊ ၎င်းသည် HTML စာရွက်စာတမ်းကို ရှုပ်ပွစေပြီး ဖတ်ရခက်စေနိုင်သည်။ အကြီးစားပုံစံပြုလုပ်ရန်အတွက် inline CSS ကိုအသုံးပြုရန် မအကြံပြုပါ။
မီဒီယာရှာဖွေမှုများ
စက်ပစ္စည်း၏ မျက်နှာပြင်အရွယ်အစားပေါ်မူတည်၍ မတူညီသောပုံစံများကို အသုံးပြုရန်အတွက် မီဒီယာမေးမြန်းချက်များကို အသုံးပြုပါသည်။ ၎င်းသည် ဝဘ်ဆိုက်တစ်ခုအား တုံ့ပြန်မှုနှင့် ဖုန်းများ၊ တက်ဘလက်များ၊ နှင့် ဒက်စတော့များကဲ့သို့ မတူညီသောစက်ပစ္စည်းများနှင့် လိုက်လျောညီထွေဖြစ်အောင် လုပ်ဆောင်နိုင်စေပါသည်။ မီဒီယာမေးမြန်းချက်များကို ပြင်ပ CSS ဖိုင်တွင် သို့မဟုတ် HTML စာရွက်စာတမ်းအတွင်းတွင် သတ်မှတ်နိုင်သည်။
နိဂုံးချုပ်အားဖြင့်၊ CSS သည် ဝဘ် developer များအတွက် မရှိမဖြစ်ကိရိယာတစ်ခုဖြစ်သည်။ ၎င်းသည် ဝဘ်ဆိုဒ်တစ်ခုအား ထိန်းသိမ်းရန်နှင့် အပ်ဒိတ်လုပ်ရန် ပိုမိုလွယ်ကူစေကာ တင်ဆက်မှုနှင့် အကြောင်းအရာကို ပိုင်းခြားနိုင်စေပါသည်။ ပြင်ပ CSS ကို အကြီးစားပုံစံပြုလုပ်ခြင်းအတွက် အကြံပြုထားသော်လည်း အတွင်းပိုင်းနှင့် inline CSS သည် အသေးစားပုံစံပြုလုပ်ခြင်းအတွက် အသုံးဝင်ပါသည်။ မီဒီယာမေးမြန်းချက်များသည် ဝဘ်ဆိုက်တစ်ခုအား တုံ့ပြန်မှုနှင့် မတူညီသောစက်ပစ္စည်းများနှင့် လိုက်လျောညီထွေဖြစ်စေရန် ခွင့်ပြုသည်။
CSS ၏ အားသာချက်များ
CSS သည် ဝဘ်ဆော့ဖ်ဝဲရေးဆွဲသူများအား အမြင်အာရုံဆွဲဆောင်မှုရှိပြီး တသမတ်တည်းရှိသော ဝဘ်စာမျက်နှာများကို ဖန်တီးနိုင်စေသည့် အစွမ်းထက်သည့်ကိရိယာတစ်ခုဖြစ်သည်။ CSS ကိုအသုံးပြုခြင်း၏ အားသာချက်အချို့မှာ အောက်ပါအတိုင်းဖြစ်သည်။
အရှိန်
CSS ၏အဓိကအားသာချက်များထဲမှတစ်ခုမှာ၎င်း၏မြန်နှုန်းဖြစ်သည်။ CSS သည် developer များအား ဝဘ်စာမျက်နှာတစ်ခု၏ ဒီဇိုင်းနှင့် အပြင်အဆင်ကို ၎င်း၏အကြောင်းအရာနှင့် ခွဲခြားနိုင်စေပါသည်။ ဘရောက်ဆာသည် စာမျက်နှာတစ်ခုစီအတွက် ပုံစံစာရွက်များစွာကို ဒေါင်းလုဒ်လုပ်ရန် မလိုအပ်သောကြောင့် ဝဘ်စာမျက်နှာ၏ ဖွင့်ချိန်ကို သိသိသာသာ လျှော့ချပေးနိုင်သည်။ ယင်းအစား၊ ဘရောက်ဆာသည် စာမျက်နှာများစွာတွင် အသုံးပြုနိုင်သည့် စတိုင်စာရွက်ကို သိမ်းဆည်းထားပြီး စာမျက်နှာဖွင့်ချိန် ပိုမိုမြန်ဆန်စေသည်။
ပါဝင်
CSS သည် ဝဘ်စာမျက်နှာများစွာတွင် တသမတ်တည်းရှိသော ဒီဇိုင်းများကို ဖန်တီးရန် developer များအား ကူညီပေးသည်။ စတိုင်စာရွက်တစ်ခုတည်းကို အသုံးပြုခြင်းဖြင့် ဝဘ်ဆိုက်တစ်ခုပေါ်ရှိ စာမျက်နှာအားလုံးသည် တစ်သမတ်တည်းရှိသော အသွင်အပြင်နှင့် ခံစားရကြောင်း ဆော့ဖ်ဝဲအင်ဂျင်နီယာများက အာမခံနိုင်ပါသည်။ သုံးစွဲသူများသည် ဝဘ်ဆိုက်ကို ပိုမိုလွယ်ကူစွာ သွားလာနိုင်ပြီး ၎င်းတို့လိုအပ်သည့် အချက်အလက်များကို လျင်မြန်စွာ ရှာဖွေနိုင်သောကြောင့် သုံးစွဲသူ၏ အတွေ့အကြုံကို ပိုမိုကောင်းမွန်စေရန် ဤညီညွတ်မှုသည် ကူညီပေးနိုင်ပါသည်။
ကို Maintenance
CSS သည် ဝဘ်ဆိုက်တစ်ခုကို ထိန်းသိမ်းရန်နှင့် အပ်ဒိတ်လုပ်ရန် ပိုမိုလွယ်ကူစေသည်။ ဝဘ်ဆိုက်တစ်ခု၏ ဒီဇိုင်းနှင့် အပြင်အဆင်ကို ၎င်း၏အကြောင်းအရာနှင့် ပိုင်းခြားခြင်းဖြင့်၊ developer များသည် အကြောင်းအရာကို မထိခိုက်စေဘဲ ဒီဇိုင်းကို ပြောင်းလဲမှုများ ပြုလုပ်နိုင်သည်။ ဆိုလိုသည်မှာ ဝဘ်ဆိုဒ်တစ်ခု၏ ဒီဇိုင်းတွင် အပြောင်းအလဲတစ်ခု ပြုလုပ်ရန် လိုအပ်ပါက၊ ဝဘ်ဆိုက်တစ်ခုလုံးကို ပြန်လည်ရေးစရာမလိုဘဲ လျင်မြန်လွယ်ကူစွာ လုပ်ဆောင်နိုင်သည်ဟု ဆိုလိုသည်။
CSS သည် ဝဘ်ဆိုဒ်တစ်ခု၏ အပြင်အဆင်ကို ပြောင်းလဲရန် ပိုမိုလွယ်ကူစေသည်။ CSS ကို အသုံးပြုခြင်းဖြင့်၊ ဆော့ဖ်ဝဲအင်ဂျင်နီယာများသည် ဝဘ်စာမျက်နှာရှိ အစိတ်အပိုင်းများစွာတွင် အသုံးချနိုင်သော ပြန်လည်အသုံးပြုနိုင်သည့် ပုံစံများကို ဖန်တီးနိုင်သည်။ ဆိုလိုသည်မှာ ဝဘ်စာမျက်နှာ၏ အပြင်အဆင်တွင် အပြောင်းအလဲတစ်ခု ပြုလုပ်ရန် လိုအပ်ပါက CSS စတိုင်စာရွက်ကို အပ်ဒိတ်လုပ်ခြင်းဖြင့် လျင်မြန်လွယ်ကူစွာ လုပ်ဆောင်နိုင်သည်ဟု ဆိုလိုသည်။
နိဂုံးချုပ်အားဖြင့်၊ CSS သည် ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများအတွက် အကျိုးကျေးဇူးများစွာကို ပေးစွမ်းနိုင်သော အစွမ်းထက်သောကိရိယာတစ်ခုဖြစ်သည်။ CSS ကိုအသုံးပြုခြင်းဖြင့် developer များသည် လျင်မြန်စွာတင်နိုင်ပြီး ထိန်းသိမ်းရန်နှင့် အပ်ဒိတ်လုပ်ရန် လွယ်ကူသော အမြင်အာရုံနှင့် ကိုက်ညီသော ဝဘ်စာမျက်နှာများကို ဖန်တီးနိုင်သည်။
CSS ကိုးကားချက်များ
CSS နှင့်အလုပ်လုပ်သောအခါ၊ သင်ရင်းနှီးမှုမရှိသောဂုဏ်သတ္တိများ သို့မဟုတ် syntax များကြုံတွေ့ရသောအခါတွင် တိုင်ပင်ဆွေးနွေးရန် ယုံကြည်စိတ်ချရသောကိုးကားချက်တစ်ခုရှိရန် အရေးကြီးပါသည်။ ကံကောင်းစွာဖြင့်၊ သင့်အား CSS ကို နားလည်ပြီး ထိထိရောက်ရောက် အသုံးပြုနိုင်ရန် ကူညီပေးနိုင်သည့် အရင်းအမြစ်များစွာရှိသည်။
W3C
World Wide Web Consortium (W3C) သည် CSS အပါအဝင် ဝဘ်စံနှုန်းများကို ပြုစုထိန်းသိမ်းရန် တာဝန်ရှိသည့် အဓိကအဖွဲ့အစည်းဖြစ်သည်။ ၎င်းတို့၏ဝဘ်ဆိုဒ်သည် အခြေခံအထားအသိုမှအဆင့်မြင့် layout နည်းပညာများအထိ ဘာသာစကား၏ရှုထောင့်အားလုံးကို လွှမ်းခြုံထားသည့် ပြည့်စုံသော CSS ကိုးကားချက်ကို ပေးပါသည်။ အကိုးအကားကို ပိုင်ဆိုင်မှုဖြင့် ဖွဲ့စည်းထားပြီး တစ်ခုချင်းစီကို အသုံးပြုပုံ ဥပမာများ ပါဝင်သည်။
အကိုးအကားအပြင်၊ W3C ဝဘ်ဆိုဒ်သည် သင်ခန်းစာများ၊ သတ်မှတ်ချက်များနှင့် အကောင်းဆုံးအလေ့အကျင့်များအပါအဝင် CSS ကို လေ့လာခြင်းနှင့် အသုံးပြုခြင်းအတွက် အခြားအရင်းအမြစ်များစွာကို ပံ့ပိုးပေးပါသည်။ အကယ်၍ သင်သည် CSS ကိုကျွမ်းကျင်အောင် အလေးအနက်ပြုပါက၊ W3C ဝဘ်ဆိုဒ်သည် မရှိမဖြစ်အရင်းအမြစ်တစ်ခုဖြစ်သည်။
modules
CSS သည် မော်ဂျူလာဘာသာစကားဖြစ်ပြီး ဆိုလိုသည်မှာ ၎င်းသည် ပြီးပြည့်စုံသောစတိုင်စာရွက်တစ်ခုဖန်တီးရန် ပေါင်းစပ်နိုင်သော သီးခြား module များဖြင့် ဖွဲ့စည်းထားသည်။ မော်ဂျူးတစ်ခုစီသည် အပြင်အဆင်၊ စာစီစာရိုက် သို့မဟုတ် အရောင်ကဲ့သို့သော CSS ၏ သီးခြားနယ်ပယ်တစ်ခုအပေါ် အာရုံစိုက်ထားသည်။ CSS ကို modules များအဖြစ်ခွဲခြမ်းခြင်းဖြင့်၊ ၎င်းသည်နားလည်ရန်နှင့်ထိရောက်စွာအသုံးပြုရန်ပိုမိုလွယ်ကူသည်။
W3C ဝဘ်ဆိုဒ်သည် ၎င်းတို့၏ သတ်မှတ်ချက်များဆိုင်ရာ လင့်ခ်များနှင့်အတူ CSS module များအားလုံး၏ စာရင်းကို ပေးဆောင်ပါသည်။ အရေးကြီးဆုံး module အချို့တွင်-
- CSS Selectors များ- စာရွက်စာတမ်းတစ်ခုရှိ ဒြပ်စင်များကို ရွေးချယ်ခြင်းအတွက် syntax ကို သတ်မှတ်သည်။
- CSS Box မော်ဒယ်- စာမျက်နှာတစ်ခုပေါ်ရှိ အစိတ်အပိုင်းများကို မည်ကဲ့သို့ ခင်းကျင်းထားသည်ကို ဖော်ပြသည်။
- CSS Grid Layout- ရှုပ်ထွေးသော အပြင်အဆင်များ ဖန်တီးရန်အတွက် အားကောင်းသည့် စနစ်တစ်ခုကို ပေးသည်။
- CSS အသွင်ပြောင်းခြင်း- ဒြပ်စင်များ၏ ပုံသဏ္ဍာန်၊ အရွယ်အစားနှင့် အနေအထားတို့ကို ပြောင်းလဲနိုင်စေပါသည်။
- CSS အန်နီမေးရှင်း- CSS ကို အသုံးပြု၍ ကာတွန်းများနှင့် အသွင်ကူးပြောင်းမှုများကို ဖန်တီးနိုင်စေပါသည်။
အမျိုးမျိုးသော CSS modules များနှင့် ရင်းနှီးကျွမ်းဝင်ခြင်းဖြင့် သင်သည် ပိုမိုကျွမ်းကျင်သော CSS developer ဖြစ်လာနိုင်ပြီး ပိုမိုအဆင့်မြင့်ပြီး ဆန်းပြားသော ဒီဇိုင်းများကို ဖန်တီးနိုင်သည်။
နိဂုံးချုပ်အနေဖြင့်၊ ယုံကြည်စိတ်ချရသော CSS ရည်ညွှန်းချက်ရှိခြင်းသည် CSS နှင့်အလုပ်လုပ်သော developer များအတွက် အရေးကြီးပါသည်။ W3C ဝဘ်ဆိုဒ်သည် သင့်အား CSS ကိုကျွမ်းကျင်အောင်ကူညီရန်အတွက် ကျယ်ပြန့်သောအကိုးအကားကို ပံ့ပိုးပေးပါသည်။ ထို့အပြင်၊ အမျိုးမျိုးသော CSS module များကိုနားလည်ခြင်းသည် သင့်အား ပိုမိုအဆင့်မြင့်ပြီး ဆန်းပြားသောဒီဇိုင်းများဖန်တီးရန် ကူညီပေးနိုင်ပါသည်။
CSS Animations
CSS Animations သည် developer များအား ၎င်းတို့၏ဝဘ်ဆိုဒ်များတွင် တက်ကြွပြီး ဆွဲဆောင်မှုရှိသော သုံးစွဲသူအတွေ့အကြုံများကို ဖန်တီးနိုင်စေသည့် အစွမ်းထက်သည့်ကိရိယာတစ်ခုဖြစ်သည်။ အန်နီမေးရှင်းများကို စာမျက်နှာတစ်ခုပေါ်ရှိ သီးခြားအစိတ်အပိုင်းများကို အာရုံစိုက်ရန်၊ အသုံးပြုသူများအား တုံ့ပြန်ချက်ပေးခြင်း၊ သို့မဟုတ် အမြင်အာရုံကို ရိုးရှင်းစွာထည့်သွင်းရန် အသုံးပြုနိုင်သည်။
CSS ကာတွန်းရုပ်ပုံဖန်တီးရန်၊ သင်သည် ပထမဆုံး သက်ဝင်လှုပ်ရှားလိုသော အစိတ်အပိုင်းကို ရွေးချယ်ပြီး CSS ဂုဏ်သတ္တိများကို အသုံးပြုကာ ကာတွန်းကို သတ်မှတ်ရန် လိုအပ်သည်။ ဟိ animation အန်နီမေးရှင်းကို သတ်မှတ်ရန် ပိုင်ဆိုင်မှုကို အသုံးပြုထားပြီး ကာတွန်း၏ အချိန်၊ ကြာချိန်နှင့် အခြားအသေးစိတ်အချက်အလက်များကို ထိန်းချုပ်ရန် ၎င်းတွင် သင့်အား ထိန်းချုပ်နိုင်သည့် စွမ်းရည်ခွဲများစွာရှိသည်။
မှတ်သားထားရမည့် အရေးကြီးသည့်အချက်မှာ ကာတွန်းရုပ်ပုံများသည် အရင်းအမြစ်-အလွန်အကျွံရှိနိုင်သောကြောင့် ၎င်းတို့ကို ပေါ့ပေါ့ပါးပါးနှင့် ဂရုတစိုက်အသုံးပြုရန် အရေးကြီးပါသည်။ Animation များသည် အသုံးပြုသူအတွေ့အကြုံကို အနှောင့်အယှက်မဖြစ်စေဘဲ အသုံးပြုသူ၏အတွေ့အကြုံကို မြှင့်တင်သင့်သည်၊ ထို့ကြောင့် ၎င်းတို့ကို သေချာစွာစမ်းသပ်ပြီး သင့်ဝဘ်ဆိုဒ်၏ အလုံးစုံစွမ်းဆောင်ရည်ကို မည်သို့အကျိုးသက်ရောက်မည်ကို ထည့်သွင်းစဉ်းစားရန် အရေးကြီးပါသည်။
ဤသည်မှာ ကာတွန်းဖန်တီးရန်အတွက် သင်အသုံးပြုနိုင်သည့် အဓိက CSS ဂုဏ်သတ္တိများဖြစ်သည်။
ကာတွန်းအမည်
ဤပိုင်ဆိုင်မှုသည် သင်ဒြပ်စင်တစ်ခုသို့ သင်အသုံးပြုလိုသော ကာတွန်း၏အမည်ကို သတ်မှတ်ပေးပါသည်။ ကာတွန်းများစွာကို သင်သတ်မှတ်နိုင်ပြီး ၎င်းတို့ကို သင့်စာမျက်နှာရှိ မတူညီသောဒြပ်စင်များတွင် အသုံးချနိုင်သည်။
ကာတွန်း-ကြာချိန်
ဤအရာဝတ္ထုသည် ကာတွန်းအား ပြီးမြောက်ရန် ကြာမည့်အချိန်ကို သတ်မှတ်သည်။ ကြာချိန်ကို စက္ကန့် သို့မဟုတ် မီလီစက္ကန့်ဖြင့် သတ်မှတ်နိုင်သည်။
ကာတွန်း-အချိန်-လုပ်ဆောင်ချက်
ကာတွန်း၏အမြန်နှုန်းကို ထိန်းချုပ်ရန်အတွက် ဤပိုင်ဆိုင်မှုသည် အချိန်ကိုက်လုပ်ဆောင်မှုကို သတ်မှတ်သည်။ သင်အသုံးပြုနိုင်သည့် ကြိုတင်သတ်မှတ်ထားသော အချိန်ကိုက်လုပ်ဆောင်မှုများစွာ ရှိပါသည်။ linear, ease-inနှင့် ease-outသို့မဟုတ် သင့်စိတ်ကြိုက်အချိန်ကိုက်လုပ်ဆောင်ချက်များကို သင်ဖန်တီးနိုင်သည်။
ကာတွန်း-နှောင့်နှေး
ကာတွန်းရုပ်ရှင်မစတင်မီ ကုန်ဆုံးမည့်အချိန်ကို ဤပိုင်ဆိုင်မှုက သတ်မှတ်သည်။ စာမျက်နှာတစ်ခုပေါ်ရှိ ကာတွန်းများစွာ၏ အချိန်ကို ယိမ်းထိုးလိုပါက ၎င်းသည် အသုံးဝင်နိုင်သည်။
animation-iteration-count
ဤအရာသည် ကာတွန်းကို ပြန်လုပ်မည့် အကြိမ်အရေအတွက်ကို သတ်မှတ်သည်။ သင်သည် ထပ်တလဲလဲပြုလုပ်ခြင်းအရေအတွက်ကို သတ်မှတ်နိုင်သည်၊ သို့မဟုတ် တန်ဖိုးကို သင်အသုံးပြုနိုင်သည်။ infinite အကန့်အသတ်မရှိ လှည့်ပတ်နေသော ကာတွန်းတစ်ခု ဖန်တီးရန်။
ကာတွန်း-ဦးတည်ချက်
ဤပိုင်ဆိုင်မှုသည် ကာတွန်းတွင် ပါဝင်မည့် ဦးတည်ချက်ကို သတ်မှတ်ပေးသည်။ သင် သတ်မှတ်နိုင်သည်။ normal ရှေ့ဆက်ကာတွန်းအတွက်၊ reverse နောက်ပြန်ကာတွန်းတစ်ခုအတွက်၊ သို့မဟုတ် alternate ရှေ့နှင့်နောက်သို့ ကာတွန်းများအကြား လှည့်ပတ်ရန်။
ကာတွန်း-ဖြည့်စွက်မုဒ်
ကာတွန်းမတင်မီနှင့် ပြီးနောက် ကာတွန်းပုံစံပြုလုပ်သင့်သည့်အရာအား ဤပိုင်ဆိုင်မှုက သတ်မှတ်သည်။ သတ်မှတ်နိုင်ပါတယ်။ none ဒြပ်စင်၏ပုံစံကို မပြောင်းလဲစေရန်၊ forwards ကာတွန်း၏အဆုံးတွင် ဒြပ်စင်ပုံစံကို ထားရှိရန်၊ သို့မဟုတ် backwards ကာတွန်း၏အစတွင် ဒြပ်စင်ပုံစံကို အသုံးပြုရန်။
ကာတွန်း-ကစား-အခြေအနေ
ဤအရာသည် ကာတွန်းကို ဖွင့်နေသည် သို့မဟုတ် ခေတ္တရပ်ထားခြင်း ရှိမရှိကို ဤအရာက သတ်မှတ်သည်။ တန်ဖိုးကို သုံးလို့ရတယ်။ paused ကာတွန်းကို ခေတ္တရပ်ရန် သို့မဟုတ် running စတင်ရန် သို့မဟုတ် ပြန်လည်စတင်ရန်။
နိဂုံးချုပ်အားဖြင့်၊ CSS Animations သည် သင့်ဝဘ်ဆိုက်ပေါ်တွင် တက်ကြွပြီး ဆွဲဆောင်မှုရှိသော သုံးစွဲသူအတွေ့အကြုံများကို ဖန်တီးရန် အစွမ်းထက်သည့်ကိရိယာတစ်ခုဖြစ်သည်။ သို့သော်လည်း ၎င်းတို့သည် အရင်းအမြစ်-အသုံးများပြီး သင့်ဝဘ်ဆိုဒ်၏ အလုံးစုံစွမ်းဆောင်ရည်ကို သက်ရောက်မှုရှိနိုင်သောကြောင့် ၎င်းတို့ကို ခြွေတာပြီး ဂရုတစိုက်အသုံးပြုရန် အရေးကြီးပါသည်။ ကာတွန်းဖန်တီးရာတွင် အသုံးပြုသည့် အဓိက CSS ဂုဏ်သတ္တိများကို နားလည်ခြင်းဖြင့်၊ သင်သည် အသုံးပြုသူအတွေ့အကြုံကို မြှင့်တင်ပေးပြီး သင့်ဝဘ်ဆိုက်တွင် အမြင်အာရုံများကို ပေါင်းထည့်သည့် ကာတွန်းများကို ဖန်တီးနိုင်သည်။
ပိုများသောစာဖတ်ခြင်း
CSS (Cascading Style Sheets) သည် HTML နှင့် XML ကဲ့သို့သော markup ဘာသာစကားများ၏ တင်ပြမှုကို ဖော်ပြရန်အတွက် အသုံးပြုသော ဘာသာစကားတစ်ခုဖြစ်သည်။ ဝဘ်စာမျက်နှာများကို ဖောင့်၊ အရောင်၊ အရွယ်အစားနှင့် အကွာအဝေးကို ပြောင်းလဲခြင်း၊ ၎င်းကို ကော်လံများစွာသို့ ခွဲထုတ်ခြင်း သို့မဟုတ် ကာတွန်းနှင့် အခြားအလှဆင်အင်္ဂါရပ်များကို ပေါင်းထည့်ခြင်းဖြင့် ဝဘ်စာမျက်နှာများကို ပုံစံနှင့် အပြင်အဆင်ပြုလုပ်ရန် အသုံးပြုသည်။ CSS သည် အလုပ်များစွာကို သက်သာစေပြီး ဝဘ်စာမျက်နှာများစွာ၏ အပြင်အဆင်ကို တစ်ပြိုင်နက် ထိန်းချုပ်နိုင်သည်။ (အရင်းအမြစ်- MDN ဝက်ဘ်မှတ်တမ်းများ, W3Schools)
ဆက်စပ် Website Development ဝေါဟာရများ