မြန်မာလို ရေးသားထားသော နည်းပညာဗဟုသုတများ တိုးပွားလာစေရန် ရည်ရွယ်၍ ယခု စာမျက်နှာလေးအား ရေးသားလိုက်ရခြင်း ဖြစ်ပါသည်။




Saturday, February 13, 2016

Classသုံးၿပီး ေနာက္ခံအေရာင္ထည့္မယ္

ကဲ႕႕႕က်ေတာ္တုိ႔ CSSကုိ classသုံးၿပီး ေနာက္ခံအေရာင္ေလး ထည့္ၾကမယ္။
Classဆုိတာကုိ CSSမွာသုံးတဲ့ အရာတစ္ခုလုိ႔ အလြယ္မွတ္ထားရေအာင္။ပထမ CSSေရးနည္း-၂ မွာတုန္းက ေနာက္ခံအေရာင္ထည့္ဖုိ႔အတြက္ ဒီလုိေရးထားပါတယ္။

body {background-color: yellow;}

ဒီသင္ခန္းစာမွာ classသုံးၿပီး ေရးၾကည့္ရေအာင္။
Classရဲ႕ နာမည္ကုိေတာ့ စိတ္ႀကိဳက္ေပးလုိ႔ရပါတယ္။

.body {background-color: yellow;}

bodyရဲ႕ေရွ႕မွာ အစက္ကေလးပါတာကုိ သတိထားပါ။Classမွာ ထူးျခားတာက bodyေနရာမွာ စိတ္ႀကိဳက္နာမည္ေပးလုိ႔ရပါတယ္။
ဒီလုိေလးေပါ့။

.apple {background-color: yellow;}

နာလည္တယ္ေနာ္။
ဒီအထိေတာ့ ဟုတ္ေနၿပီ။ဒီclassကုိ CSS formulaထဲမွာ ဘယ္လုိထည့္မလဲ။
လြယ္ပါတယ္။ေအာက္ကအတုိင္း ထည့္မယ္။

<!DOCTYPE html>
<html>
<head>
<style>
.body {background-color: yellow;}
</style>
</head>
<body class="body">
This is body
</body>
</html>

classဆုိတဲ့အတြက္ ကုိယ္ထည့္ခ်င္တဲ့ေနရာမွာ
class="body" ဆုိၿပီး ေရးေပးရတာပါ။အထက္ကcodeေတြကုိ runၾကည့္ရင္ ပုံထဲကအတုိင္း ရလာပါလိမ့္မယ္။

ဒီသေဘာတရားေတြကုိ နားလည္ၿပီဆုိရင္ အေသးစိတ္ေလ့လာဖုိ႔ရန္အတြက္
w3schools.com မွာ သြားေလ့လာရန္ အႀကံေပးပါတယ္ခင္ဗ်ာ။