Old 12-12-2012, 10:57 AM
  post #1
yelinoo
အရြယ္ေရာက္သူ
 
အသင္း၀င္ေန႔စြဲ: Jul 2008
တည္ေနရာ: မိုင္းခတ္ၿမိဳ႕
ေရးသားခ်က္မ်ား: 179
ႏိုင္ငံအလံ: Users Flag!
ေက်းဇူးတင္စကား: 2,705
ပို႔စ္ 126 ခုအတြက္ 385 ဦးမွ ေက်းဇူးတင္ေၾကာင္းေျပာပါသည္။
yelinoo is on a distinguished road
Icon13 Css အေၿခခံေလးေတြကိုစတင္ေလ့လာခ်င္သူမ်ားအ&

ကြ်န္ေတာ့္ကိုသင္ေပးတဲ့ဆရာတစ္ဦးရဲ႕ ေကာက္ႏႈတ္ခ်က္မ်ားကေန ကြ်န္ေတာ္နည္းလည္သေလာက္ေဆြးေႏြးေပးမွာ
ၿဖစ္ပါတယ္.....အမွားအယြင္းမ်ားပါခဲ့ရင္ ခြင့္လႊတ္ေပးၾကပါလို႔ ပထမဦးစြာေၿပာၾကားလုိပါတယ္...........



CSS အသံုးျပဳရျခင္းအေၾကာင္း


Html code တစ္ခုတည္းကိုသာ အသံုးျပဳ၍ web site ေတြကိုတည္ေဆက္ရမည္ဆိုပါက code မ်ားေဖာင္းပြ႐ွဴပ္ေထြးကာ သပ္ရပ္လွပမႈအားနည္းသည့္ Web site မ်ားသာ ျဖစ္ေပၚထြက္ရွိႏိုင္ပါသည္။ ၎ျပႆနာကို css အသံုးျပဳျခင္းျဖင့္ ျပဳျပင္ႏိုင္ပါသည္။

CSS ကို အသံုးျပဳ၍ HTML TAG မ်ားကို Modify ျပဳလုပ္ႏိုင္ျခင္း။

CSS Style တစ္ခုေရးၿပီးပါက အဆိုပါ CSS ကို အၿမဲတမ္းေခၚ၍ အသံုးျပဳႏိုင္ျခင္း။



HTML ႏွင့္ CSS ကို ေပါင္းစပ္ျခင္း



CSS ႏွင့္ HTML ေပါင္းစပ္အသံုးျပဳရန္ နည္းလမ္း ၃ ခုရွိပါသည္။

၁။ Embedded Style

၂။ External Style Sheet

၃။ Inline Style Rule



Embedded Style


ကဲ Embedded Style နဲ႕ ေအာက္ကကုတ္ေလးကိုစမ္းၾကည့္ရေအာင္........

CSS File ကို HTML Code အတြင္း ထည့္သြင္းေရးသားထားျခင္းျဖစ္ပါသည္။ HTML ၏ Head Tag အတြင္း ေရးသားရပါသည္။



ေအာက္ကပံုေလးကေတာ့အထက္ကကုတ္ကိုေ၇းသားၿပီးရရွိလာမဲ့အေၿဖေလးတစ္ခုၿဖစ္ပါတယ္..စမ္းၾကည့္ၾကပါ
အံုးေနာ္။


[SIZE="5"][COLOR="DarkRed"]သဘာ၀ေလာကၾကီးရွိေနသေရႊ႕ လူသားေတြမငတ္ပါဘူး[/COLOR][/SIZE]

[COLOR="Red"][SIZE="5"]ၿမန္မာမိသားစုရွိေနလုိ႔ကေတာ့ လူငယ္ေတြမကန္းႏိုင္ပါဘူးေနာ္[/SIZE][/COLOR]
yelinoo is offline   Reply With Quote
ေအာက္ပါအသင္း၀င္ 4 ဦးတို႔မွ yelinoo အား ေက်းဇူးတင္စကား ေျပာၾကားသြားပါသည္။
Old 12-12-2012, 11:22 AM
  post #2
yelinoo
အရြယ္ေရာက္သူ
 
အသင္း၀င္ေန႔စြဲ: Jul 2008
တည္ေနရာ: မိုင္းခတ္ၿမိဳ႕
ေရးသားခ်က္မ်ား: 179
ႏိုင္ငံအလံ: Users Flag!
ေက်းဇူးတင္စကား: 2,705
ပို႔စ္ 126 ခုအတြက္ 385 ဦးမွ ေက်းဇူးတင္ေၾကာင္းေျပာပါသည္။
yelinoo is on a distinguished road
Icon13 ျပန္စာ - Css အေၿခခံေလးေတြကိုစတင္ေလ့လာခ်င္Ɯ

ကဲအခုတစ္ခါ External Style Sheet အေၾကာင္းေလးနဲနဲရႊီးၾကည့္အံုးမယ္ဗ်ာ....ဟဲဟဲ

Embedded Style မွာေတာ့ Css ဖိုင္ကို HTML ဖိုင္ထဲမွာထဲ့ေရးၿပီးေတာ့ External Style Sheet မွာေတာ့
Css ဖိုင္ကို HTML ဖိုင္ထဲမွာ ထည့္မေရးဘဲသီးၿခားအၿပင္မွာထုတ္ေရးတဲ့ပံုစံၿဖစ္ပါတယ္....




အထက္ကကုတ္ကေတာ့ (.HTML) ဖိုင္နဲ႔သိမ္းရမွာၿဖစ္ၿပီး ဒီကုတ္ထဲမွာ ေအာက္က Css ဖိုင္ကိုလွမ္းၿပီးအသံုး
ၿပဳထားတာၿဖစ္ပါတယ္...



အထက္ကကုတ္ကေတာ့ (.Css) ဖိုင္နဲ႔သိမ္းရမွာၿဖစ္ၿပီး ဒီဖိုင္ဟာဆုိရင္ (.HTML) ဖိုင္သိမ္းတဲ့ Directory တူ
ရင္တိုက္ရိုက္သံုးစြဲလုိ႔ရမွာၿဖစ္ပါတယ္.....



ဒါကေတာ့အထက္ကကုတ္(၂)ခုကို Rum လို႔ရတဲ့အေၿဖေလးေပါ့

[SIZE="5"][COLOR="DarkRed"]သဘာ၀ေလာကၾကီးရွိေနသေရႊ႕ လူသားေတြမငတ္ပါဘူး[/COLOR][/SIZE]

[COLOR="Red"][SIZE="5"]ၿမန္မာမိသားစုရွိေနလုိ႔ကေတာ့ လူငယ္ေတြမကန္းႏိုင္ပါဘူးေနာ္[/SIZE][/COLOR]
yelinoo is offline   Reply With Quote
ေအာက္ပါအသင္း၀င္ 5 ဦးတို႔မွ yelinoo အား ေက်းဇူးတင္စကား ေျပာၾကားသြားပါသည္။
Reply

တန္ဆာပလာမ်ား
ေဖာ္ျပမႈပံုစံ

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

ဖိုရမ္ေတြ ေက်ာ္ေရာက္ခ်င္ရင္ !


ဖိုရမ္၏ ပင္မအခ်ိန္သည္ ဂရင္းနစ္စံေတာ္ခ်ိန္ +6.5 ျဖစ္သည္။ေဒသစံေတာ္ခ်ိန္ 01:54 PM
Inactive Reminders By Icora Web Design