CSSဆုိတာ ဘာလည္း???
CSSဆုိတာ Cascading Style Sheetsရဲ႕ အတုိေကာက္ျဖစ္ပါတယ္။Web pageေတြေရးရာမွာ အသုံးဝင္တဲ့ languageတစ္မ်ဳိးဆုိလည္း မမွားပါဘူး။HTMLအေျခခံရွိရင္ေတာ့ CSSကုိ ပုိနားလည္လြယ္ပါတယ္။ပထမဆုံးေပၚတဲ့languageကေတာ့ HTMLေပါ့။HTMLက ေရးရတာ အင္မတန္ရွည္တယ္။propertyတစ္ခုလုိခ်င္တုိင္း tagတစ္ခုကုိ ထပ္ထည့္ရတယ္။ဒါေပမဲ့ CSSကေတာ့ အဲ့ဒီျပသာနာကုိ ေျဖရွင္းေပးပါတယ္။သူက styleဆုိတဲ့ tagထဲမွာ propertyေတြအကုန္လုံးကုိ ထည့္ၿပီး ေရးရတာျဖစ္ပါတယ္။
<DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
</body>
</html>
ဒါက CSS languageရဲ႕ ပုံစံပါ။
၁။<DOCTYPE html>အေၾကာင္း စေျပာရေအာင္။<>ကုိ tagလုိ႔ ေခၚပါတယ္။ဘာျဖစ္လုိ႔လဲဆုိေတာ့ သူက ခ်ိတ္ဆက္ေပးလုိ႔ပါ။<>ဒါ အဖြင့္tagလုိ႔ ေခၚပါတယ္။</>ဒါက အပိတ္tag။ဆုိလုိတာကဗ်ာ <a>နဲ႔ဖြင့္ထားရင္ </a>နဲ႔ ျပန္ပိတ္ေပးရပါမယ္။<DOCTYPE HTML>ဆုိတာက htmlဆုိတဲ့ ဖုိင္ကုိဖြင့္မဲ့ Browserကုိ လွမ္းေခၚလုိက္တာပါ။တစ္နည္း ဒီလုိေရးေပးလုိက္ျခင္းအားျဖင့္ ဒီဖုိင္ဟာ DOCအမ်ဳိးအစားဆုိတာကုိ Browserက နားလည္ပါ့္မယ္။
၂။<html>
ဒါကေတာ့ က်ေတာ္တုိ႔ေရးတဲ့ languageအမ်ဳိးအစားဟာ HTMLျဖစ္လုိ႔ သူကုိ စေရးေပးရတာပါ။က်ေတာ္တုိ႔ေရးခ်င္တဲ့ tagေတြအကုန္လုံးဟာ <html>နဲ႔ </html>ၾကားပဲ ရွိေနရမွာပါ။အေပၚက က်ေတာ္ေရးျပထားတဲ့ CSSနမူနာပုံစံကုိ ေလ့လာၾကည့္ပါ။
၃။<head>
ဒါကေတာ ေခါင္းႀကီးပုိင္းလုိ႔ အဓိပၸါယ္ရပါတယ္။HTMLထုံစံအတုိင္းပဲ <head>နဲ႔စၿပီး </head>နဲ႔ ပိတ္ေပးရမွာပါ။ပိတ္မေပးရင္ codeက အလုပ္မလုပ္ပါဘူး။အေပၚကcodeထဲမွာ <head>နဲ႔</head>ၾကားမွာ <style>ထည့္ထားပါတယ္။ဒါက CSSရဲ႕ ထုံးစံပါ။CSS languageတုိင္း ဒီလုိပဲ ေရးေပးရပါမယ္။ကဲ ဒါဆုိ styleက ဘာေျပာတာလဲ။
၄။<style>
styleဆုိတာကေတာ့ CSSရဲ႕ အသက္ေပါ့။က်ေတာ္တုိ႔လုိခ်င္တဲ့ ပုံစံအကုန္လုံးကုိ <style>ဆုိတဲ့ tagထဲမွာ ေရးရမွာပါ။<style>tagတစ္ခုလုံးကုိေတာ့ <head>tagထဲမွာပဲ ထားရပါမယ္။သေဘာေပါက္တယ္ေနာ္႕႕႕ဟဲဟဲ။
၅။<body>
bodyဆုိတာကေတာ့ စာကုိယ္ေပါ့ဗ်ာ။screenေပၚမွာ က်ေတာ္တုိ႔ေပၚေစခ်င္တာကုိ ဒီမွာေရးရမွာေပါ့။</body>ကုိေတာ့ ထပ္မရွင္းေတာ့ဘူးေနာ္။နားလည္တယ္ေနာ္။
(ကဲ။ဒီသေဘာတရားကုိ နားလည္ရင္ေတာ့ သင္ CSSေရးတတ္သြားပါၿပီ)
တကယ္ေတာ့ ဒီနည္းပညာနယ္ပယ္ႀကီးဟာ အဆုံးမရွိပါဘူး။ိ
Css,pdfစာအုပ္နဲ႔လိုခ်င္ပါတယ္ဆရာ
ReplyDelete