ဒီ CSS Tutorial မှာ CSS (Cascading Style Sheets) ကို အခြေခံကနေစပြီး real website layout တည်ဆောက်နိုင်တဲ့အဆင့်အထိ သင်ယူသွားပါမယ်။ HTML က webpage ရဲ့ အရိုးစုဆိုရင် CSS ကတော့ အဝတ်အစား၊ posture၊ lighting နဲ့ confidence ပါ။ အရိုးစုရှိပေမယ့် style မရှိရင် website က “အလုပ်လုပ်တယ်… ဒါပေမယ့် မျက်နှာမပြချင်ဘူး” ဆိုတဲ့အခြေအနေ ဖြစ်တတ်ပါတယ်။
ဒီ page မှာ သင်ရမယ့်အရာတွေ
- CSS ဆိုတာဘာလဲ၊ ဘာကြောင့် website တစ်ခုအတွက် အရေးကြီးလဲ
- Selector, property, value syntax ကို နားလည်အောင်ဖတ်နည်း
- Color, font, text, background တွေကို practical သုံးနည်း
- Box Model, margin, padding, border ကို layout မပျက်အောင်သုံးနည်း
- Flexbox, Grid နဲ့ modern layout ဆောက်နည်း
- Pseudo-class, pseudo-element, variables, transitions နဲ့ UI ကို ပိုသက်ဝင်အောင်လုပ်နည်း
- Mobile responsive design အတွက် media queries သုံးနည်း
ဘယ်ဘက် lesson list ကနေ အဆင့်လိုက်နှိပ်ပြီး သင်ယူနိုင်ပါတယ်။ တစ်ခန်းဖတ်ပြီး code ကို copy လုပ်၊ test လုပ်၊ ပြန်ပြင်ကြည့်ပါ။ CSS က ကြည့်ရုံနဲ့မဟုတ်ဘဲ “ပြင်ကြည့်ရင်း” မှတ်မိတာမြန်ပါတယ်။
Tip
သင်ယူတဲ့အချိန်မှာ code ကို တစ်ကြောင်းချင်းပြောင်းကြည့်ပါ။ ဥပမာ color ကိုပြောင်း၊ padding ကိုတိုး၊ display ကိုပြောင်း — browser က ချက်ချင်းပြန်ပြောပေးတဲ့ ဆရာတစ်ယောက်လိုပါပဲ။