ကက်စကိတ်ပုံစံ Sheet များ (အဆင့် 3) ၏ modular တစ်ခုနိဒါန်း
လက်ရှိတွင် CSS ကိုအဆငျ့ 3 စီစဉ်ထားကြောင်းအကြီးမားဆုံးပြောင်းလဲမှုကို module တွေ၏နိဒါန်းဖြစ်ပါသည်။ module တွေ၏အားသာချက်က (ပါမယ်) segments များတုံးခုနှစ်တွင်ပြီးစီးအတည်ပြုကြသည်ကြောင့်သတ်မှတ်ချက်တွင်ပိုမိုလျင်မြန်စွာပြီးစီးအတည်ပြုခြင်းကိုခွင့်ပြုသောကွောငျ့ဖွစျသညျ။ ဤသည်ကိုလည်းသတ်မှတ်ချက်များ၏ကဏ္ဍများကိုထောကျပံ့ပေးပေမယ့်မှသာအသိလုပ်သောသူတို့ကို module တွေထောက်ပံ့ခြင်းဖြင့်နိမ့်ဆုံးမှသူတို့ရဲ့ code ကိုဖောင်းထားရန် browser နဲ့အသုံးပြုသူ-အေးဂျင့်ထုတ်လုပ်သူခွင့်ပြုပါတယ်။ ဥပမာအားဖြင့်, စာသားစာဖတ်သူသာ Element တစ်ခုရဲ့အမြင်အာရုံဖော်ပြရန်သွားပုံကိုသတ်မှတ်ကြောင်း module တွေထည့်သွင်းရန်မလိုအပ်လိမ့်မယ်။ သို့သော်ထိုသို့သာအက aural module တွေထည့်သွင်းလျှင်ပင်ပြုလုပ်သေးသတဲ့စံချိန်စံညွှန်းများ-compliant ပါလိမ့်မယ် CSS ကို 3 ကိရိယာတခုဖြစ်တယ်။
CSS ကို 3 တချို့ကနယူးအင်္ဂါရပ်များ
- selector
- CSS ကို 3 selector ကအရမ်းစိတ်ဝင်စားဖို့ဖြစ်သွားကြသည်။ သူတို့ကစာရွက်စာတမ်း၏ပိုပြီးတိကျတဲ့အဆင့်ဆင့်အပေါ်ကို select ဖို့ဒီဇိုင်နာ / developer ခွင့်ပြုပါလိမ့်မယ်။ ဒီ module တစ်ခု ပတ်သက်. ကောင်းတဲ့အရာတစျခုမှာအများအပြား browser များထားပြီးအဆင့်မြင့် CSS ကို 3 ကိုထောကျပံ့ဖို့စတင်နေကြသည်ဖြစ်ပါတယ် selector တွေကို အခုသင်ကသူတို့ကိုထွက်ကြိုးစားနေ start နိုင်အောင်။ ဥပမာအားဖြင့်, အချို့သောသစ်ကို selector တွေကိုနေသောခေါင်းစဉ်:
- တစ်စိတ်တစ်ပိုင်းပွဲအပါအဝင် attribute တွေနှင့် attribute ကိုတန်ဖိုးများအပေါ်ကိုက်ညီခြင်း,
- ထိုကဲ့သို့သောကြိမ်မြောက်-ကလေးဎအဖြစ်ဖွဲ့စည်းတည်ဆောက်ပုံ Pseudo-အတန်း,
- URL ကိုအတွက် targetted ဖြစ်ကြောင်းသာ element တွေကို style ရန်ပစ်မှတ် Pseudo-class ကို
- ထိုကဲ့သို့သောရေဒီယိုသို့မဟုတ် checkbox ကိုဒြပ်စင်အဖြစ် check လုပ်ထားကြောင်းကိုမည်သည့်ဒြပ်စင် style တစ်ခု check လုပ်ထား Pseudo-class ကို
- CSS ကို 3 selector ကအရမ်းစိတ်ဝင်စားဖို့ဖြစ်သွားကြသည်။ သူတို့ကစာရွက်စာတမ်း၏ပိုပြီးတိကျတဲ့အဆင့်ဆင့်အပေါ်ကို select ဖို့ဒီဇိုင်နာ / developer ခွင့်ပြုပါလိမ့်မယ်။ ဒီ module တစ်ခု ပတ်သက်. ကောင်းတဲ့အရာတစျခုမှာအများအပြား browser များထားပြီးအဆင့်မြင့် CSS ကို 3 ကိုထောကျပံ့ဖို့စတင်နေကြသည်ဖြစ်ပါတယ် selector တွေကို အခုသင်ကသူတို့ကိုထွက်ကြိုးစားနေ start နိုင်အောင်။ ဥပမာအားဖြင့်, အချို့သောသစ်ကို selector တွေကိုနေသောခေါင်းစဉ်:
- စာသားမသက်ရောက်မှုနှင့် Layout
- အဆိုပါ Hyphen မှစသောအပြောင်းအလဲပြုလုပ်ခြင်း ကြားနေရာလွတ် များနှင့်စာရွက်စာတမ်းများအတွက်စာသားမျှတမှု။
- first-ပေးစာနှင့်ပထမဦးစွာ-လိုင်း Pseudo-class
- CSS ကို 3 ဂုဏ်သတ္တိများ Kerns နှင့် Drop-ထုပ်၏ alignment ကိုထိခိုက်စေခြင်းငှါအခွင့်သင့်ပါသည်။
- စာမျက်နှာမီဒီယာနှင့် Generated အကြောင်းအရာ
- CSS ကို 3 ယခုဤကဲ့သို့သောအပြေးအဖြစ်မျက်နှာမီဒီယာ, တွင်ပိုမိုရွေးချယ်စရာထောကျပံ့ပေးလိမ့်မယ် ခေါင်းစီးများ နှင့် Footer နှင့်စာမျက်နှာနံပါတ်တွေ။ Plus အားပုံနှိပ်ခြင်းအဘို့အဂုဏ်သတ္တိများအောက်ခြေနှင့် Cross-ကိုးကားဘို့ဂုဏ်သတ္တိများအပါအဝင်အကြောင်းအရာနေထုတ်လုပ်လိုက်တဲ့အဲဒီမှာ advanced လိမ့်မည်။
- multi-ကော်လံ Layout
- အခုက, Multi-ကော်လံ layout ကို အလုပ်လုပ်မူကြမ်း ဒီဇိုင်နာများကော်လံ-ကွာဟမှု, ကော်လံ-count ကများနှင့်ကော်လံ-width ကိုနဲ့တူအဓိပ္ပာယ်နှင့်အတူမျိုးစုံကော်လံမှာသူတို့ရဲ့ content တွေကိုပြသခွင့်ပြုပါရန်ဂုဏ်သတ္တိများပေးပါသည်။
- ပတ္တမြား
- CSS ကိုယခုအများဆုံးမကြာခဏတရုတ်နှင့်ဂျပန်များတွင်အသုံးပြုစကားမှထိပ်တန်းသို့မဟုတ်လာမယ့်အပေါ်အသေးမှတ်စာများထည့်သွင်းဖို့စွမ်းရည်ကိုထောကျပံ့မညျဖွစျသညျ။ သူတို့ကယေဘုယျအားဖြင့်ခက်ခဲ ideograms ၏အသံထွက်သို့မဟုတ်အဓိပ္ပာယ်ကိုပေးရအသုံးပြုကြသည်။
CSS ကို 3 ပျော်စရာဖြစ်ကြလိမ့်မည်
အဲဒါကိုအပြည့်အဝစံနှင့်အဖြစ်မွေးစားမယ့်ပြီးတာနဲ့ Web ကို browser များ နှင့်အသုံးပြုသူ-အေးဂျင့်များကစတင်အသုံးပြုဖို့, CSS ကို 3 က်ဘ်ဒီဇိုင်နာတစ်အစွမ်းထက် tool ကိုရလိမ့်မည်။ အထက်တွင်ဖော်ပြထားသောအဆိုပါ feature သစ်များအတွက်သတ်မှတ်ချက်ဖို့အားလုံးကိုဖြည့်စွက်ခြင်းနှင့်အပြောင်းအလဲများကသာသေးငယ်တဲ့အစိတ်အပိုင်းအစုဖြစ်ကြသည်။