សិក្សាមេម ៀន CSS ជាភាសាខ្មែ
Cascading Style Sheet
www.camdevelopers.com
CSS tutorials in Khmer
ម ៀបរាង និងបម្ងៀនមោយ លី ផាន់ណា
ការណែនាំអាំពីCSS
 CSS (Cascading Style Sheet) គឺជាភាសាេួយ​ខ្ែលមគម្បើស្ាប់តុបខ្តង និង
ចនាលេអ វ ិបសាយ (website)។ វាជាភាសាេួយែ៏មេញនិយេក្សន ុងកា លេអ មៅមលើ
Website បស់មយើង។ វាម្បៀបបានមៅនឹងក្សេែវ ិធី Photoshop មែើេបីតុបខ្តង
កាត់ត ូបភាេ េិន្តឹេខ្តបុម្ណ ោះ CSS មនោះក្ស៏អាចមធវើមអាយមវបសាយាន
ចលនាផងខ្ែ ។ ក្សន ុងកា មធវើមវបសាយេួយមយើង្តូវខ្តគិតគូ អំេីមសាភណ្ឌ ភាេ
មវបសាយ​េីម្រោះអនក្សចូលមេើលមវបសាយែំបូងគឺ្ក្សមេក្សមៅមេើល ូបរាង និង​កា
ម ៀបចំក្សន ុងមវបសាយ​េុននឹងមេើលមៅមលើអតថបទខ្ែលមយើងស មស ។
រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
្តូវបានបមងកើតមេើងមោយ​W3C (World Wide Web
Consortium) Internet media type (MIME type)ខ្ែលចុោះ
ម្ែ ោះជាផល ូវកា មៅ(10/1998) ខ្ែល ខ្ចក្សជា៣ែំ្ក្ស់កាលៈ
CSS1 បមងកើតមៅថ្ងៃទី ១៧ ខែ​ធ្ន ូ​ឆ្ន ំ ១៩៩៦
 CSS2 បមងកើតមៅថ្ងៃទី ខ្ម ឧសភា ឆ្ន ំ ១៩៩៨
 CSS3 បមងកើតមៅថ្ងៃទី ខ្ម​មិថុនា ឆ្ន ំ ១៩៩៩
រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
េុននិងសិក្សាភាសាមនោះ​អនក្សគួ ខ្តសិក្សាភាសា HTML ជាេុនសិន
។ ភាសាមនោះេិនានលក្សខណ្ៈសម ុ គសាែ ញែូចភាសា​េួយចំនួនមទ។
ជាែំបូង​អនក្ស្តូវាន App ស្ាប់ស មស និងាន Browser ស្ាប់
បង្ហា ញអវីមែលមយើងបាន​មធវើ។
Text Editor:: Notepad, Notepad++, Ultra Editor, Sublime…
Application:: Dreamweaver, Visual Studio…
Web Browser: Firefox, Chrome, Opera, Safari…
រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
លក្ខណៈទូទៅននភាសា CSS
 Selector {
Property: Value;
}
Selector:ជាតំ្ងមអាយធាតុ ្េួយខ្ែលមយើងចង់ ចនា។
HTML Element(h1,p,ul,ol,table,div…), Class, Id…
Property: ជាលក្សខណ្ៈ ឺខ្បបបទខ្ែលមយើង ចនា ែូចជា(
Background,Color,Border…)
Value: ជាតខ្េែ បស់ ខ្ែលចង់ក្សំណ្ត់។ ឧទាហ ណ្៍ Property align
(center,left,right)
Declaration
រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
លក្សខណ្ៈថ្នកា ម្បើ្បាស់ភាសា CSS
p{
Background-color: yellow;
}
Selector
Property
Value
រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
វក្ស
 Selectorជាធាតុទាំងឡាយ្ខ្ែលមយើងោក្ស់សាា យមៅមអាយ។
ានម្ចើន្បមភទែូចជា ៖
 Group Selector
 Class Selector
 Id Selector
 HTML Element
រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
 Element Selector ជា
HTML Element ្ខ្ែលមយើង
ម្រើសម ើសយក្ស មហើយខ្ែលាន
ម្ែ ោះែូចមៅនិង selector
ខ្ែលមយើងបានោក្ស់មនាោះ។
Group Selector:ជាកា ស មស
CSS ជា្ក្ស ុេមោយបញ្ច ូលនូវ
HTML Element មៅជា្ក្ស ុេថ្ន
Selectorមោយផាល់នូវ Property
នឹងValue.មយើងម្បើ្បាស់នូវ
Comma(,) មែើេបីកាត់ផ្តា ច់ វាង
Selectorេួយ Selectorមៅេួយមទៀត។
រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា

សិក្សាមេរៀន Css ជាភាសាខ្មែរ

  • 1.
    សិក្សាមេម ៀន CSSជាភាសាខ្មែ Cascading Style Sheet www.camdevelopers.com CSS tutorials in Khmer ម ៀបរាង និងបម្ងៀនមោយ លី ផាន់ណា
  • 2.
    ការណែនាំអាំពីCSS  CSS (CascadingStyle Sheet) គឺជាភាសាេួយ​ខ្ែលមគម្បើស្ាប់តុបខ្តង និង ចនាលេអ វ ិបសាយ (website)។ វាជាភាសាេួយែ៏មេញនិយេក្សន ុងកា លេអ មៅមលើ Website បស់មយើង។ វាម្បៀបបានមៅនឹងក្សេែវ ិធី Photoshop មែើេបីតុបខ្តង កាត់ត ូបភាេ េិន្តឹេខ្តបុម្ណ ោះ CSS មនោះក្ស៏អាចមធវើមអាយមវបសាយាន ចលនាផងខ្ែ ។ ក្សន ុងកា មធវើមវបសាយេួយមយើង្តូវខ្តគិតគូ អំេីមសាភណ្ឌ ភាេ មវបសាយ​េីម្រោះអនក្សចូលមេើលមវបសាយែំបូងគឺ្ក្សមេក្សមៅមេើល ូបរាង និង​កា ម ៀបចំក្សន ុងមវបសាយ​េុននឹងមេើលមៅមលើអតថបទខ្ែលមយើងស មស ។ រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
  • 3.
    ្តូវបានបមងកើតមេើងមោយ​W3C (World WideWeb Consortium) Internet media type (MIME type)ខ្ែលចុោះ ម្ែ ោះជាផល ូវកា មៅ(10/1998) ខ្ែល ខ្ចក្សជា៣ែំ្ក្ស់កាលៈ CSS1 បមងកើតមៅថ្ងៃទី ១៧ ខែ​ធ្ន ូ​ឆ្ន ំ ១៩៩៦  CSS2 បមងកើតមៅថ្ងៃទី ខ្ម ឧសភា ឆ្ន ំ ១៩៩៨  CSS3 បមងកើតមៅថ្ងៃទី ខ្ម​មិថុនា ឆ្ន ំ ១៩៩៩ រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
  • 4.
    េុននិងសិក្សាភាសាមនោះ​អនក្សគួ ខ្តសិក្សាភាសា HTMLជាេុនសិន ។ ភាសាមនោះេិនានលក្សខណ្ៈសម ុ គសាែ ញែូចភាសា​េួយចំនួនមទ។ ជាែំបូង​អនក្ស្តូវាន App ស្ាប់ស មស និងាន Browser ស្ាប់ បង្ហា ញអវីមែលមយើងបាន​មធវើ។ Text Editor:: Notepad, Notepad++, Ultra Editor, Sublime… Application:: Dreamweaver, Visual Studio… Web Browser: Firefox, Chrome, Opera, Safari… រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
  • 5.
    លក្ខណៈទូទៅននភាសា CSS  Selector{ Property: Value; } Selector:ជាតំ្ងមអាយធាតុ ្េួយខ្ែលមយើងចង់ ចនា។ HTML Element(h1,p,ul,ol,table,div…), Class, Id… Property: ជាលក្សខណ្ៈ ឺខ្បបបទខ្ែលមយើង ចនា ែូចជា( Background,Color,Border…) Value: ជាតខ្េែ បស់ ខ្ែលចង់ក្សំណ្ត់។ ឧទាហ ណ្៍ Property align (center,left,right) Declaration រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
  • 6.
    លក្សខណ្ៈថ្នកា ម្បើ្បាស់ភាសា CSS p{ Background-color:yellow; } Selector Property Value រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
  • 7.
    វក្ស  Selectorជាធាតុទាំងឡាយ្ខ្ែលមយើងោក្ស់សាា យមៅមអាយ។ ានម្ចើន្បមភទែូចជា៖  Group Selector  Class Selector  Id Selector  HTML Element រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា
  • 8.
     Element Selectorជា HTML Element ្ខ្ែលមយើង ម្រើសម ើសយក្ស មហើយខ្ែលាន ម្ែ ោះែូចមៅនិង selector ខ្ែលមយើងបានោក្ស់មនាោះ។
  • 9.
    Group Selector:ជាកា សមស CSS ជា្ក្ស ុេមោយបញ្ច ូលនូវ HTML Element មៅជា្ក្ស ុេថ្ន Selectorមោយផាល់នូវ Property នឹងValue.មយើងម្បើ្បាស់នូវ Comma(,) មែើេបីកាត់ផ្តា ច់ វាង Selectorេួយ Selectorមៅេួយមទៀត។ រ ៀបចំ​នឹងបរ្ងៀនរោយ លី​ផាន់ណា