CSS nih phung tlem a zawng kan sawi tawh a. HTML document chei nan kan hmang thin tih te pawh kan sawi tawh kha. Tunah chuan css hmanga html document chei dan kan en ho dawn a ni. Entirna nen practical in ti pah mai the ang.
Hriatthiam a awlsam zawk nan. A hmasa berin text editor notepad emaw Notepad++ emaw Sublime emaw i duh duh kha han hawng tawp la, chuan a hnuaia entirna ang hianlo ti ve zel thei la hriatthiam a awl deuh ang.
CSS hmanga html document chei dan hi chi thumah an then a. Chungte chu :
A hnuaia mi ang hi text editor hmangin han chhu la. Example1.html tiin han save teh le.
Eg : A hnuaia mi ang hi text editor hmangin han chhu la. Example2.html tiin han save teh le.
Hetah thung hi chuan <div> tag chhunga id="csstest" tih awm khi khi division bik id khi a ni a. A awmzia chu khi id hmang khian css leh javascript ten khi div bik khi an va khawih/thlang/ (select) thei dawn tihna a ni.
Tin, class="redbg" tih a awm leh bawka, hemi awmzia chu khi div khi class 'redbg' tih hnuaiah a awm tihna a ni. Chuan stylesheet chhunga .redbg tih hmanga kan style kha he class hnuaia awm te chuan an ring vek dawn tihna a ni.
Chuan color:#ffffff tih kan hmu leh bawk a. kan div hmasa zawk khi redbg class hnuaia awm tho ni mahse id-ah csstest tih a neih avangin a font color tur chu color:#ffffff tih hmang khian a rawn thlak dang lam a ni. Chuan #ffffff tih hi white tih nen khan a inang reng a. Hei hi hexadecimal number niin color aiah hman thin a ni. A hawrawp mal te te hian entir a nei a, a hmasa ber pahnih te hian i rawng thlan tura rawng sen(red) awm zat tur a tilang a, a dawt pahnihin rawng hring (green). Tin, a tawp ber pahnihin rawng pawl (blue). Chuan 00 atanga ff thleng an nei thei theuha, a awlsam zawngin 000000 a nih chuan red, green leh blue te chu engzatmah a awm lo anga, i rawng thlan tur chu a lo dum dawn tihna a ni. Tin, FFFFFF a nih thung chuan a tam thei ang ber theuh an awm anga i rawng thlan tur chu a var a lo ni mai dawn a ni. Chuan FF0000 te lo ni ta se a sen hi a tam thei ang ber a awm anga, a pawl leh a hring engzatmah a awm lo thung ang. Chuta rawng lo chhuak chu a sen a lo ni leh mai dawn a ni.
Eg: File thar siam leh la, a chhungah a hnuaia mi ho hi chhut lut chhin leh teh. style.css tiin save la.
Chuan a hnuaia mi hi han chhu leh la example3.html tiin save leh kauh...
Hetah khi chuan entirna pahnihnaa style ang tho kha <style> tag chhunga dah lovin file hran 'style.css'-ah kan dah a. Chu stylesheet chu <link rel="stylesheet" type="text/css" href="style.css" /> tih hmang hian kan va link ta a, chu css file in a lo chei ang ang chuan kan html file te kha a rawn lang ta a ni. Hetah hian css property dang kan han telh belh leh deuh a. csstest2 tih id neitu div seizawng (width) , a font len zawng (font-size), font hma tur (font-family), font chhah zawng (font-weight) leh text in align dan (text-align) te chu css property hmangin kan tidanglam a ni.
Source:http://www.herawt.com
Hriatthiam a awlsam zawk nan. A hmasa berin text editor notepad emaw Notepad++ emaw Sublime emaw i duh duh kha han hawng tawp la, chuan a hnuaia entirna ang hianlo ti ve zel thei la hriatthiam a awl deuh ang.
CSS hmanga html document chei dan hi chi thumah an then a. Chungte chu :
1. Inline :
Hei hi chu html tag chhunga style sheet dah a ni.A hnuaia mi ang hi text editor hmangin han chhu la. Example1.html tiin han save teh le.
<html>
<head>
<title> Example 1 </title>
</head>
<body>
<div style="background:red">
Example Content
</div>
</body>
</html>2. Embedded :
Style sheet kha tag chhunga dah lovin html file head chhunga dah a ni mai.Eg : A hnuaia mi ang hi text editor hmangin han chhu la. Example2.html tiin han save teh le.
<html>
<head>
<title>Example2</title>
<style>
.redbg{
background:red;
color:black;
}
#csstest{
color:#ffffff;
}
</style>
</head>
<body>
<div id="csstest" class="redbg" > csstest div chhung</div>
<div id="csstest2" class="redbg">csstest2 div chhung</div>
</body>
</html>Hetah thung hi chuan <div> tag chhunga id="csstest" tih awm khi khi division bik id khi a ni a. A awmzia chu khi id hmang khian css leh javascript ten khi div bik khi an va khawih/thlang/ (select) thei dawn tihna a ni.
Tin, class="redbg" tih a awm leh bawka, hemi awmzia chu khi div khi class 'redbg' tih hnuaiah a awm tihna a ni. Chuan stylesheet chhunga .redbg tih hmanga kan style kha he class hnuaia awm te chuan an ring vek dawn tihna a ni.
Chuan color:#ffffff tih kan hmu leh bawk a. kan div hmasa zawk khi redbg class hnuaia awm tho ni mahse id-ah csstest tih a neih avangin a font color tur chu color:#ffffff tih hmang khian a rawn thlak dang lam a ni. Chuan #ffffff tih hi white tih nen khan a inang reng a. Hei hi hexadecimal number niin color aiah hman thin a ni. A hawrawp mal te te hian entir a nei a, a hmasa ber pahnih te hian i rawng thlan tura rawng sen(red) awm zat tur a tilang a, a dawt pahnihin rawng hring (green). Tin, a tawp ber pahnihin rawng pawl (blue). Chuan 00 atanga ff thleng an nei thei theuha, a awlsam zawngin 000000 a nih chuan red, green leh blue te chu engzatmah a awm lo anga, i rawng thlan tur chu a lo dum dawn tihna a ni. Tin, FFFFFF a nih thung chuan a tam thei ang ber theuh an awm anga i rawng thlan tur chu a var a lo ni mai dawn a ni. Chuan FF0000 te lo ni ta se a sen hi a tam thei ang ber a awm anga, a pawl leh a hring engzatmah a awm lo thung ang. Chuta rawng lo chhuak chu a sen a lo ni leh mai dawn a ni.
3. external:
Hei hi kan hman lar ber a ni. Css file hran kan siam a, chu chu html file ah kan link thin.Eg: File thar siam leh la, a chhungah a hnuaia mi ho hi chhut lut chhin leh teh. style.css tiin save la.
.redbg{
background:red;
}
#csstest{
color:#ffffff;
}
#csstest2{
background:green;
width:500px;
height:50px;
font-family:Verdana;
font-size:20px;
font-weight:bold;
text-align:right;
}Chuan a hnuaia mi hi han chhu leh la example3.html tiin save leh kauh...
<html>
<head>
<title>Example3</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="csstest" class="redbg"> csstest div chhung</div>
<div id="csstest2" class="redbg">csstest2 div chhung</div>
</body>
</html>Hetah khi chuan entirna pahnihnaa style ang tho kha <style> tag chhunga dah lovin file hran 'style.css'-ah kan dah a. Chu stylesheet chu <link rel="stylesheet" type="text/css" href="style.css" /> tih hmang hian kan va link ta a, chu css file in a lo chei ang ang chuan kan html file te kha a rawn lang ta a ni. Hetah hian css property dang kan han telh belh leh deuh a. csstest2 tih id neitu div seizawng (width) , a font len zawng (font-size), font hma tur (font-family), font chhah zawng (font-weight) leh text in align dan (text-align) te chu css property hmangin kan tidanglam a ni.
Source:http://www.herawt.com
No comments :
Post a Comment
You can use some HTML tags, such as <b>, <i>, <a>