CSS Chapter 1 _ Introduction

CSS ကိုမေလ့လာခင္မွာ HTML အေၾကာင္းကို Basic ေလာက္သိထားဖို.လုိပါတယ္။ CSS tutorials လုပ္တဲ့ အခါမွာ HTML ႏွင့္ တြဲလုပ္ရပါတယ္။ ဒါေၾကာင့္ HTML ကို အရင္ေလ့လာျပီးမွ CSS ကိုေလ့လာဖို. တိုက္တြန္းခ်င္ ပါတယ္။

What is CSS?

• CSS ဆိုသည္ မွာ Cascading Style Sheets ျဖစ္ပါတယ္။

• HTML elements မ်ား၏ styles မ်ား အတြက္ အသံုးျပဳ ပါတယ္။

• External Style Sheets မ်ားက works ေတြကို လုပ္ေဆာင္ရသက္သာေစပါတယ္။

• Multiple Web pages မ်ားကို CSS တစ္ခုတည္းျဖင့္လည္း Control လုပ္ႏိုင္ပါတယ္။

CSS Syntax

Css syntax တစ္ခု ကို CSS rule ျဖစ္ေသာ အဓိက အပိုင္း ၂ ပိုင္းျဖစ္ ဖြဲစည္းထားပါတယ္။ ၄င္းတုိ.မွာ...

• Selector

• Declaration

Selector က style အသံုးျပဳလိုေသာ HTML element ၏ name (Tagname) ျဖစ္ပါတယ္။

Declaration ကေတာ့ style အတြက္ျဖစ္ပါတယ္။ Declaration တစ္ခုမွာ property ႏွင့္ value ရွိရပါမယ္။ Property ဆိုသည္ style ျပဳလုပ္လိုေသာ style attribute ျဖစ္ပါတယ္။ ထို.ေၾကာင့္ property တစ္ခုတိုင္းမွာ value တစ္ခုစီ ရွိရျခင္း ျဖစ္ပါတယ္။ CSS declaration မ်ားကို တစ္ခုျပီးဆံုးတိုင္း semicolon ကိုထည့္ေပးရပါတယ္။ Selector တစ္ခုမွာ Declaration မ်ားစြာ ပါ၀င္ႏိုင္ပါတယ္။

CSS Comment

Codes ေတြကို ရွာေဖြရလြယ္ကူေအာင္ Comment ကို အသံုးျပဳပါတယ္။ CSS file ကို run တဲ့ အခ်ိန္မွာ ၄င္း သည္ CSS style language အျဖစ္ အလုပ္မလုပ္ပါဘူး။ CSS ကို edit ျပန္လုပ္ခ်င္တဲ့ အခါမ်ိဳးမွာ ျပန္ရွာရလြယ္ကူေအာင္ မွတ္သားဖို. အတြက္ပဲ အသံုးျပဳပါတယ္။ CSS comment အစကို /* ျဖင့္ ေရးရျပီး comment ဆံုးတာနဲ. */ ျဖင့္ ျပန္ပိတ္ေပးရပါတယ္။

Example:

/* This is for paragraph’s color */
P{color:#ff00ff;}

Note: CSS ေရးသားရာတြင္ property ႏွင့္ value ၾကားတြင္ space ျခားလို.မရပါဘူး။