តើ CSS ជាអ្វី?
CSS មកពីពាក្យ Cascading Style Sheets ហើយ វាគឺជា Style Language មួយដែល ប្រើ សម្រាប់ រចនាបន្ថែមទៅលើLayout របស់ HTML។ CSS គឺ មានពីផ្នែកសំខាន់ៗគឺ Selector មួយ និង Declarations មួយ ឬ ច្រើន។ Declarations ទាំងអស់ស្ថិតនៅក្នុង ឃ្នាប (Curly braces) រាល់ Declaration នីមួយៗផ្តាច់ដោយ សញ្ញាក្បឿស (Semicolon) ។
CSS Selector គឺជាការរើសយក HTML Tag ណាមួយយកមក រចនាបន្ថែម។
Declaration ផ្នែកប្រកាសតម្លៃ គឺមានពីរផ្នែក Property និង Value។
Property គឺសំដៅទៅលើលក្ខណៈរបស់ ធាតុមួយ។ ឧទាហរណ៍ ឡាន មាន Property ដូចជា ពណ៌ កំពស់ ប្រវែង ជាដើម។
Value គឺជាការផ្តល់តម្លៃ ទៅអោយលក្ខណៈនៃធាតុ ។ ឧទាហរណ៍ ឡាន មានពណ៌ ស លឿង ឬ ខ្មៅ មានកំពស់ 2m, 3m ។ ដូចច្នេះ ស លឿង ឬខ្មៅជាតម្លៃរបស់ Property ពណ៌ នៃ ធាតុឡាន។
តើ CSS ដំណើរការយ៉ាងដូចម្តេច?
» ពាក្យថា Style សំដៅទៅលើនិយមន័យរបស់ម៉ូដអក្សរ ពណ៌ និងម៉ូដដទៃទៀត។
» គ្រប់ Style ទាំងអស់ត្រូវតែមានឈ្មោះខុសប្លែកពីគ្នា វាជា Selector ។
» SelectorនិងStyle ត្រូវតែសរសេរអោយនៅជាមួយគ្នា ខុសពីក្នុង HTML ដែលយើងត្រូវសរសេរ ពេលដែលយើងត្រូវការហៅយកមកប្រើតែប៉ុណ្ណោះ។
ការបង្កើត CSS
Internal (the tag style)
ជាការសរងសរនូវ កូដ CSS ក្នុង File ជាមួយគ្នានឹង HTML។
គេមានវិធីពីរយ៉ាង៖
ការប្រើនូវ In-line នៃ style attribute
ការប្រើតាម style tag
តើអ្វីទៅជា CSS COMMENTS?
Comments ត្រូវបានគេប្រើដើម្បី អធិប្បាយ ឬពន្យល់ឃ្លានៃកូដ ណាមួយនៅក្នុង បណ្តុំនៃកូដ ជាច្រើនលាយឡំ ច្របូកច្របល់គ្នា ។ ការប្រើប្រាស់ Comment គឺគ្រាន់តែផ្តល់ភាពងាយស្រួលដល់អ្នក សរសរកូដ ងាយអាន និងមិនមានការច្រលំ ឃ្លាណាមួយនៃកូដ។ Comment គឺមិនបង្ករអោយមាន Error ដល់កូដទេ ហើយវាមិនត្រូវបានយកទៅបង្ហាញនៅក្នុង គេហទំព័រដែរ។
ប្រើតែច្រើនជួរ ប្រើ /* Your Comment */
តែសម្រាប់មួយជួរ ឬច្រើនជួរ ចង់ប្រើរបៀបទីពីរក៏បានដែរ ទីមួយ មិនអាចយកមកប្រើដូចទីពីរអត់បានទេ ។
សូមមើលខាងក្រោម៖
p{
text-align:center;
/*This is another comment*/
color:black;
font-family:arial;
}
