តើ CSS ជាអ្វី?
15 November 2017

តើ CSS ជាអ្វី?

By

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;
}

Prev Post

របៀបតំឡើង CodeIgniter នៅលើ Windows 10

Next Post

តើអ្វីទៅជា CSS3?

post-bars