ပညာလိုလားၾကတဲ့ သူငယ္ခ်င္းမ်ားအားလံုး ကို္ယ္စိတ္ႏွလံုးေအးခ်မ္းရႊင္လန္းျပီး ယခုထက္ပိုျပီးေလ႕လာ
သင္ယူႏိုင္ရင္း တိုင္းျပည္နဲ႕လူမ်ဳိးအက်ဳိးကို ဆထက္ထမ္းပိုး တိုးတက္ထမ္းေဆာင္ႏိုင္ၾကပါေစလို႕
ဆုမြန္ေကာင္းေတာင္းေပးလိုက္ပါတယ္ ခင္ဗ်ာ . . .
Css ဆိုတာ
CSS ဆိုတာ Cascading Style Sheets ပါ။ သူက web design Aတြက္သံုးပါတယ္..ဘယ္လိုသံုးလဲဆိုရင္ သူ႕ကို external File Aေနနဲ႕ေရာ ၊ HTML ထဲလည္း ေရာျပီးသံုးႏိုင္ပါတယ္...
Adding Style to a selection of Text
<p>This is normal styleing
<p style="font-family:Verdana">This is Verdana
အဲဒါကေတာ့ ရိုးရိုးေလးသံုးတာေပါ့...
Style ရဲ႕ Font ကို ေျပာင္းလိုက္တာပါ...
The <span>Tag
<span> tage ကိုေတာ့ HTML ပဲသံုးတဲ့သူေတြ သံုးတာရွားတယ္..သူက စာတစ္ေၾကာင္းတည္းမွာပဲ style ေတြေျပာင္းခ်င္လို႕သံုးတာမ်ားတယ္...
<p>This is normal style, this selection use span tag <span style="font-family:verdana">This
is verdana</span>
ကဲ...အ ဲဒါေလးကို run လိုက္ရင္သိမွာပါ... This is verdan တစ္ခုပဲ စာလံုးေျပာင္းသြားမွာပါ..
Using Internal Style Sheet
Class
class ကေတာ့ element အမ်ဳိးအ စားမ်ားၾကီးအတြက္ style တစ္ခုပဲသံုးခ်င္ရင္ အသံုးျပဳပါတယ္... <span
class="myhead"> ဆိုျပီးအသံုးျပဳႏိုင္ပါတယ္..
.myhead
{
font-family:verdana;
color:red;
}
ID
ID ကေတာ့ class အတိုင္းပါပဲ... ဒါေပမယ့္ သူ႕ကို သံုးခ်င္ရင္ေတာ့ id="myhead" ဆိုျပီးသံုးရပါတယ္...
#myhead
{
font-family:verdana;
color:red;
}
ကဲ..အခု internal သံုးပံုေလးစလိုက္ရေအ ာင္
<style type="text/css">
</style>
အ ဲလိုမ်ဳိးေရးရပါတယ္..
Uပမာ
<style type="text/css">
.myhead
{
font-family:verdana;
color:red;
}
</style>
ဆိုျပီးေရးသားရပါတယ္..
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.myhead
{
font-family:verdana;
color:red;
}
#myid
{
font-family:verdana;
color:blue;
}
</style>
</head>
<body>
<span class="myhead">This is span tag class</span>
<span id="myid">This is span tag id</span>
</body>
</html>
အ ဲလိုဆိုရင္ this is span tag class က verdana font အနီေရာင္ျဖစ္ေနလိမ့္မယ္...
this is span tag id ကေတာ့ အျပာေရာင္ေပါ့...
Post a Comment