Css ကိုအသံုးျပဳနည္း ၃နည္း႐ွိပါတယ္။
1.In line
2.internal use
3.external use
တို႔ပဲျဖစ္ပါတယ္။
ကြၽန္ေတာ္အဓိက ေျပာခ်င္တာက External use နဲ႔ internal use တို႔ပဲျဖစ္ပါတယ္။inline ကစာေၾကာင္းတေၾကာင္းစီပဲအသံုးျပဳတာမို႔ မေျပာေတာ့ပါဘူးး။
Internal use
Css ကို html ရဲ႕ head tags အတြင္းမွာပဲေရးရမယ္ဆိုတာ ေလ့လာေနသူေတြအသိပါ။
Internal use ကိုဒီလိုေရးရပါတယ္..အမ်ားစုက ဒီနည္းကိုသံုးၾကတယ္၊
<!DOCTYPE html>
<html>
<head>
<title>example</title>
<style type="text/css">
....
....
....
</style>
</head>
<style> နဲ႔ </style> ၾကားမွာ css codes ေတြထည့္ရပါတယ္။
Example: <style type="text/css">
Body {background-color:black;}
</style>
Body-selector
Background-color:-properties
Black-value
၃မ်ိဳး႐ွိပါတယ္။
Internal use က laptop မ႐ွိလဲရပါတယ္။
အခုဟာက body ကို selector ေပးသြားတာပါ။
<style type="text/css">
P
{
color:red;
}
a
{text-decoration:blink;
}
H3
{
Text-align:center;
Background-color:gold;
font-family:Arial;
}
</style>
ၿပီးရင္ေတာ့ body ပိုင္းဆက္ေရးေပါ့။
External use
သူကက်ေတာ့ <style type....> နဲ႔မစေတာ့ဘူး။
ေရးၿပီးသား css code ေတြကို link ခ်ိတ္ၿပီးသံုးရတာပါ။ကြၽန္ေတာ္ကေတာ့ အဲ့နည္းကိုႀကိဳက္တယ္။
မိမိ pc ထဲမွာ
Notepad open ၿပီး...ပထမဦးဆံုး css codes ေတြေရးပါ။
မေရးျပေတာ့ဘူး။ၿပီးသြားရင္ save as ဆိူၿပီး
example.css နဲ႔သိမ္းပါ။
ေနာက္တခါ notepad open ပါ။
Doctype ကစၿပီး (css မလိုေတာ့) body ပိုင္းေရးပါ။
သို႔ေသာ့္ head tag အတြင္းမွာ လင့္ခ်ိတ္ရမယ္။ခ်ိတ္ပံုက
<link rel="stylesheet" type="text/css" href="example.css">
Example.css ကခုနသိမ္းခဲ့တဲ့ နာမည္ပါ။
အဲ့ဒီ လင့္ကို သင္ေရးမဲ့ html only <head> ၾကားမွာထည့္ပါ။ၿပီးသြားရင္ example2.html နဲ႔ျပန္သိမ္းပါ။ၿပီးရင္ RUN ၾကည့္ပါ။
အားလံုးအဆင္ေျပပါေစ။။👌👌👌
Before saying about NAPOLEON,I want to tell all of my blog reader. And i think you should know about this that Napoleoncourage
With about a thousand men on several smaill ship,Napoleon landed at Canes on the southern coast of France.As usual he had planned everything carefully.His march to Paris was routed through the regions which has suffered the greatest loses and hardships under the returned king.The people crowed the roadsides and cheered him heartily.
Near Grenoble he was met by the king's troops lined up on the road to resist Napoleon's little army.But N apoleon rode fearlessly forward alone,dismounted,and took a few steps forward them.
"Soliders of the fifth",he said in a ringing voice,"if there is one among you who wishes to kill his Emperor,he can do so.Here I am.".And he threw open his cloak
There was a moment's pause.Then came the cry."Long live the Emperor!".the men of the entire force mingled with Napoleon's men and marched on with them.
In the city of Grenoble the same thing happened.More soliders,and even some of the officers,responed to the magic of Napoleon's presence and joined him.As the march continued across the counter,other thousands swelled the ranks
Twenty days after leaving the island of Elba,Napoleon arriver in Paris with a new army
On hearing the news of what had happened,Louis XV||| filed the countery
Without firing a shot or spilling a drop or spilling a drop of blood,Napoleon was Emperor of France once more.
On the TadinKyount festival,full moon day,Our family has been accident
2 mens were died!But my father broken"But tock".The doctor said that his blood are flow in his abdomen.
Has not spleen.
Now,he rest in Hospital.I'm very worry about this.
When i afraid,i saw my brother face.
his whole face is full blood!.I'm sooo sad! I pray them(dead two men) and my father
this is an offical website,You can join our website and may be contacts
You can learn Window 7,8,10,xp and Linux
You can learn HTML,CSS,JavaScript,PHP,Ruby,python
You can learn web hacking,windows hacking and cracking passwords
Information needed
You can creat your website and free for domain
Username
Password twice
2nd
contant
mail
privacy Allow my site to appear in search engines like google and Technorati
select your location
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {background-color:pink;}
h2 {color:lightblue;background-color:green;}
h5 {color:red;}
h4 {color:black;}
p {text-align:right;}
</style><title>
www.ny9.com</title>
<script type="text/javascript">
function newton ( ) {
confirm ("Are you sure?If sure CLICK");
document.write ("<h5>You are now a member of www.ny9.com website</h5>");
}
newton ( );</script></head>
<body><center><h2><hr>You are Welcome<br>www.ny9.com<hr></h2></center>
<br><a href="www.w3schools.com">Website</a><br><a href="www.google.com">Google Help</a><p>7.9.2016<br><i>Nay Yaung Lin Lakk</i></p><br>
<hr with size=4 color=#OOFFOO><h5>this is an offical website,You can join our website and may be contacts<br><ul type="circle">
<li>You can learn Window 7,8,10,xp and Linux<br></li>
<li>You can learn HTML,CSS,JavaScript,PHP,Ruby,python</li>
<li>You can learn web hacking,windows hacking and cracking passwords</li><br>
</ul><hr with size=4 color=#OOFFOO><br><b>Information needed</b><hr with size=4 color=#OOFFOO>
You can creat your website and free for domain</h5>
<br><center><table border="0" width="20" height="35"><tr><form><td>Site-name<input type="text" name="name" placeholder=".com"></td></tr><tr><td>
Username<input type="text" name ="name"></td></tr><tr><td>
Password twice<input type="password" name="password" placeholder="password"></td></tr><tr><td>2nd<input type="password" name="password" placeholder="password"></td></tr><tr><td>
contant
mail <input type="text" name="mail" placeholder="@gmail.com"></td></tr><tr><td>
privacy <input type="checkbox" name="checkbox">Allow my site to appear in search engines like google and Technorati</td></tr></table><input type="button" value="submit" onclick="newton();"></form><hr with size=4 color=#OOFFOO>
<h5>select your location </h5><br><form>
<select name="list 1" size=5 multiple>
<option value="opt1">Yangon</option><br>
<option value="opt2">Nay-Pyi-Taw</option>
<option value="opt3">Mandalay</option>
</select></form><hr with size=4 color=#OOFFOO><form>
<h5>Your devide IP Location</h5><input type="text" name="name">
<select name="list 1" size=5 multiple>
<option value="opt1">192.168.</option>
<option value="opt2">192.118.</option>
<option value="opt3">111.68.</option>
</select></form><br><hr with size=4 color=#OOFFOO>
<form><h5>Choose Your Gander</h5></br>
<input type="radio" value="sex" name="male">Male<br>
<input type="radio" value="sex" name="female">Female<br></form>
<input type="button" value="all data will send to server" onclick="eee();">
<hr with size=4 color=#OOFFOO><marquee direction="right">Thank for fill and visiting</marquee></body></html>
