Div
PHP Code:
<html>
<head>
<title>CSS</title>
<style>
.mydiv
{
background-color:#009966;
color:#FFFFFF;
}
</style>
</head>
<body>
Div tags
<div class="mydiv">
This is div tage using class mydiv and this back ground is 009966 and
font color is white.
</div>
</body>
</html>
ကၽြန္ေတာ္တို႕ mydiv ဆိုတဲ့ အထဲမွာ background-color ဆိုျပီး background colorကိုထည့္ထားခဲ့တယ္... စာလံုးအ ေရာင္ကိုေတာ့ အ ျဖဴေရာင္ေပါ့... ဒါေပမယ့္ စာေတြဟာ Div tagsေအ ာက္ကိုေရာက္ေနတယ္... ဘာျဖစ္လို႕လည္းဆိုရင္ Div ဟာ page ရဲ႕ width တစ္ခုလံုးကိုယူလိုက္ပါတယ္... သူ႕ဘာသာ သီးသန္႕ အေနနဲ႕ေပါ့... တစ္ေၾကာင္းတည္းျဖစ္ခ်င္ရင္ေတာ့ <div></div>အစား <span></span> သံုးလို႕ရတယ္.. span tag ကေတာ့ တစ္ေၾကာင္းမဆင္းဘူး...
သူ႕ styleကေတာ့ စာလံုးရိွသေလာက္ပဲ effect ျဖစ္မွာပါ... page width တစ္ခုလံုးျဖစ္မွာမဟုတ္ဘူး..
PHP Code:
<html>
<head>
<title>CSS</title>
<style>
.mydiv
{
background-color:#009966;
color:#FFFFFF;
width:100px;
}
.mydiv2
{
position:absolute;
background-color:#006666;
color:#FFFFFF;
width:100px;
top:50px;
left:180px;
}
</style>
</head>
<body>
Div tage
<div class="mydiv">
This is div tage using class mydiv and this back ground is 009966 and
font color is white.
</div>
<div class="mydiv2">
This is div tage using class mydiv and this back ground is 009966 and
font color is white.
</div>
</body>
</html>
ဒီ coding မွာဆို div tag ရဲ႕ အသံုး၀င္ပံု အနည္းငယ္ကိုေတြ႕ရမွာပါ... mydiv ရဲ႕ width ကိုကန္႕သတ္လိုက္တယ္.. 100px ပဲေပးေတာ့တယ္...ေနာက္ mydiv2 ေရာက္ေတာ့ postion ဟာ HTML စာေပၚမွာ မူမတည္ေတာ့ဘူး... ကိုယ္ပိုင္
အ ကြာအ ေ၀းေတြထည့္လိုက္တယ္... အ ဲလိုမ်ဳိးကိုယ္ပိုင္ အကြာအေ၀းေတြ သံုးလို႕ရေအာ္ position ကိုabsolute လုိ႕ေျပာင္းထားခဲ့ရတယ္.. ေနာက္ျပီးမွ browser အေပၚကေန အကြာအေ၀းနဲ႕ leftအကြာအ ေ၀းေတြ ထည့္လိုက္ တယ္...ေနာက္ပို ့ေတြမွာ ဆက္ၾကည့္ၾကပါ..
PHP Code:
<html>
<head>
<title>CSS</title>
<style>
.mydiv
{
background-color:#009966;
color:#FFFFFF;
width:100px;
border:#00FF99 1px solid;
}
.mydiv2
{
position:absolute;
background-color:#006666;
color:#FFFFFF;
width:100px;
top:31px;
left:326px;
border:rgb(200,10,30) 5px solid;
}
</style>
</head>
<body>
Div tage
<div class="mydiv">
This is div tage using class mydiv and this back ground is 009966 and
font color is white.
</div>
<div class="mydiv2">
This is div tage using class mydiv and this back ground is 009966 and
font color is white.</div>
</body>
</html>
ကၽြန္ေတာ္တို႕ border ဆိုတာကို ထပ္ျဖည့္လိုက္တယ္...border:#00FF99 1px solid; အဲဒီသေဘာ ကေတာ့ ေရွ႕ကအေရာင္ ေနာက္ျပီးေတာ့ အထူအသံုးျပဳမည့္ပံုစံေတြ႕ေပါ့...အေရာင္ကို ဘယ္လိုသတ္မွတ္လဲဆို hex color ပါ... 0 ကေန F အထိရိွတယ္... 9 ျပီးရင္ A, B, C, D ,E, Fဆိုျပီးေျပာင္းသြားပါတယ္.. အသံုးျပဳတာကေတာ့ RGB ပါ...
ေရွ႕ႏွစ္လံုးက RED ျပီးေတာ့ Greenေနာက္ဆံုးကေတာ့ Blue ေပါ့... အ ဲဒီလို color ေတြကိုအလြတ္မွတ္စရာမလိုပါ ဘူး... photoshopကေနၾကည့္လိုက္လို႕ရပါတယ္.. hex color ကိုမၾကိဳက္ဘူးဆိုရင္ေတာ့ rgb(255,255,255)
အဲလိုပံုစံသံုးႏိုင္ပါတယ္.. သူကေတာ့ 0 ကေန 255 ထိေပါ့.. hex color မွာ A မည္းက #000000
အျဖဴကေတာ့ #FFFFFF ပါ...rgb မွာကေတာ့ rgb(0,0,0) ကေတာ့ အမည္းျဖစ္ျပီး အျဖဴကေတာ့ rgb(255,255,255) ပါ...border မွာ solid အျပင္ဘာေတြရေသးလဲဆိုရင္ေတာ့ မပူပါနဲ႕ dreamweaver မွာ ေရြးလိုက္ရံုပဲ...
<style> ခ ါတိုင္းဆို style ရဲ႕ေနာက္မွာ "text/css" ဆိုတာပါတယ္.. မထည့္လဲရတယ္ေပါ့...
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
page မွာ အသံုးျပဳမည့္ ပံုစံကိုေျပာတပါ.. charset ဆိုတာက အသံုးျပဳမယ့္ character set ေပါ့.. unicdoe
ဆိုရင္ unf-8 iso ကေတာ့ english စာအတြက္ေပါ့.. dream weaver မွာ page properties -> encoding
မွာ ေရြးလိုက္ရံုနဲ႕ရပါတယ္..အဲဒါမပါလည္း ဘာမွ မျဖစ္ပါဘူး...
<style> လုိ႕ပဲေရးရင္ ရပါတယ္...text/css က မပါရင္ လည္း ရပါတယ္..
0 comments:
Post a Comment