You are on page 1of 2

សិក្សាCSSដោយខ្លនឯង

ួ មេមរៀនទេ
ី យ
ួ ការណែនាំ

មមមរៀនទីមួយ ការណែនាំឪ្យស្គាល់ពី CSS
ម ីអ្វីមៅជាCSS?
ពាក្យថាCSS ំណាងឪ្យCascading Style Sheets។ វាជាវ ិធម ួ ក្នុងការណបងណែក្ម្មង់របស់
ី យ
ណវបស្គយបញ អាែនឹងបណនែមមស្គភែឌភាពសំរាប់ណវបស្គយបានយ៉ាងម្បែិ !
ម ីវាមធវីការយ៉ាងដូែមមេែ?
 ពាក្យថាStyleសំមៅមៅមលីនិយមន័យរបស់មូា អ្ក្ស ពែ៏ ល។
 ម្រប់Styleទាំងអ្ស់ម្ ូវណ មានមមោះខុសណបែក្គ្នន វាជាSelector។
 Selectorនង
ិ Styleម្ ូវណ សរមសរឪ្យមៅជាមួយគ្នន ខុសពក្
ី ុ ងHTMLណដលមោក្

អ្នក្ម្ ូវ សរមសរមពលណដលមោក្អ្នក្ម្ ូវការមៅយក្មក្មម្បីណ បាុមណាោះ។
ឧទាហរែ៏
ការសរមសរក្នុងCell Table
ជំនស
ួ ឧយការណដលសរមសរបញ្ជាក្់មូា អ្ក្សដណដលដណដលក្នុងការរ ់ែូលមៅកាន់ Cell ណនTable
ជាបនេបនាៃប់
មយង
ី អាែក្ំែ ់ Style ឪ្យមហយ
ី នឹងចាំមៅមក្មម្បីនូវមពលមម្កាយ។
ិ ិ យឧទាហរែ៏ននTableដ៏ស្គមញ្ញ2ខាងមម្កាម
សូ មពន
ណបបHTMLធមោតា

<table>

<tr><td bgcolor="#FFCC00" align="left"><font face="arial"
size="2" color="red"><b>this is line
1</b></font></td></tr>

<tr><td bgcolor="#FFCC00" align="left"><font face="arial"
size="2" color="red"><b>this is line
2</b></font></td></tr>

<tr><td bgcolor="#FFCC00" align="left"><font face="arial"
size="2" color="red"><b>this is line
3</b></font></td></tr>

</table>

ដោយ យ ៉ន ដេរីបត្ុ រ ទំពរ
័ 1 WWW.SEREYBOTH.WORDPRESS.COM
សិក្សាCSSដោយខ្លនឯង
ួ មេមរៀនទេ
ី យ
ួ ការណែនាំ

ជាមួយក្ូដCSS ( តាងមមោះSelectorម្ ង់មនះថាSubtext )

<table>
<tr><td class="subtext">this is line 1</td></tr>
<tr><td class="subtext">this is line 2</td></tr>
<tr><td class="subtext">this is line 3</td></tr>
</table>

ក្ូ ដមនះមិនបានម្បាប់ពីការក្ំែ ់ Style បញ Name ឪ្យSelector មទរឺជាការមៅមក្មម្បីណ មេ ង

រុែសមប េិរបស់CSS

ដោយ យ ៉ន ដេរីបត្ុ រ ទំពរ
័ 2 WWW.SEREYBOTH.WORDPRESS.COM