ေနာက္ခံအေရာင္ထည့္မယ္
မိမိႀကိဳက္တဲ့အေရာင္ကုိ ေနာက္ခံထည့္လုိ႔ ရပါတယ္။ဥပမာအေနနဲ႔ အဝါေရာင္ကုိ ေနာက္ခံထည့္ျပပါ့မယ္။
background-color: yellow;
အဝါကုိ ေနာက္ခံထည့္ဖုိ႔ အေပၚကအတုိင္း ေရးေပးရပါမယ္။ကုိယ္က အစိမ္းေရာင္ထည့္ခ်င္လွ်င္ yellowေနရာမွာ greenလုိ႔ ေရးေပးလုိက္ေပါ့။
ဒီအထိကေတာ့ ဟုတ္ေနၿပီ။ဒီေနာက္ခံအေရာင္ကုိ ဘယ္ေနရာမွာ ထားမွာလဲ။ေနာက္ပုိင္းမွာ table tag၊button tagစတာေတြ ပါလာမွာျဖစ္တဲ့အတြက္ ထားမဲ႔ေနရာကုိ ေရးေပးရပါမယ္။က်ေတာ္က အခု bodyေနရာမွာ ထားျပထားပါတယ္။bodyမွာ ထားခ်င္တာဆုိေတာ့ ဒီလုိေရးမယ္။
body {background-color: yellow;}
နားလည္တယ္ေနာ္။ကုိယ္က buttonမွာထားခ်င္ရင္ ဒီတုိင္းေရးရမွာေပါ့။
button {background-color: yellow;}
ေျပာရဦးမယ္။yellow;ေရးလုိက္ျခင္းဟာ yellowဆုိတဲ့ propertyတစ္ခု ၿပီးသြားတာကုိ ဆုိလုိပါတယ္။သူေနာက္မွာ ေနာက္ထပ္propertyေတြ အမ်ားႀကီးေရးလုိ႔ ရပါေသးတယ္။ဥပမာ-buttonရဲ႕ sizeပါ ထည့္ခ်င္ေသးရင္ ေနာက္က ဒီလုိဆက္ေရးေပးရပါမယ္။
button {background-color: yellow; size: 20px;}
ဒါက အဲ့လုိထည့္လုိ႔ရတယ္ဆုိတာကုိ အစမ္းေရးျပတာပါ။
ကဲ႕႕႕အခု ေနာက္ခံအေရာင္ကုိ CSSရဲ႕ ပုံေသနည္းထဲမွာ ထည့္ေရးၾကည့္မယ္။
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: yellow;}
</style>
</head>
<body>
This is body
</body>
</html>
က်ေတာ္တုိ႔ရခ်င္တဲ့ ေနာက္ခံအေရာင္ျဖစ္တဲ့
body {background-color: yellow;}
ကုိ <style>tagထဲမွာ ထည့္ေရးရပါမယ္။ဒါက HTMLနဲ႔ မတူတဲ့ CSSရဲ႕ featureတစ္ခုျဖစ္ပါတယ္။
<body>tagဟာ စာကုိယ္ျဖစ္လုိ႔ ဒီtagၾကားမွာေရးတဲ့ စာမွန္သမွ် စာကုိယ္ေနရာမွာ လာေပၚေနပါလိမ့္မယ္။
နားလည္လိမ့္မယ္လုိ႔ ေမွ်ာ္လင့္ပါတယ္။
မိမိသိရွိသမွ်ကုိ ျပန္လည္မွ်ေဝေပးၾကပါ။
္
No comments:
Post a Comment