អំពី CSS

CSS គឺអ្វី?

CSS (Cascading Style Sheets) គឺជាភាសាកម្មវិធីដែលប្រើសម្រាប់រចនារូបរាង និងការបង្ហាញនៃគេហទំព័រ។ បើ HTML ជារចនាសម្ព័ន្ធនៃផ្ទះ នោះ CSS ជាការលាបពណ៌ ការតុបតែង និងការរៀបចំរបស់ផ្ទះនោះ។

បម្រើបម្រាស់ CSS

CSS គឺប្រើសម្រាប់ផ្តល់ភាពស្រស់ស្អាត និងភាពគួរឲ្យចាប់អារម្មណ៍ទៅឲ្យគេហទំព័រ។ ដោយប្រើប្រាស់ CSS យើងអាច៖

• រចនាអក្សរ: កំណត់ទំហំ ពណ៌ ពុម្ពអក្សរ គម្លាតអក្សរ
• រចនាផ្ទៃខាងក្រោយ: បន្ថែមពណ៌ រូបភាព Gradient
• គ្រប់គ្រងប្លង់: កំណត់ទីតាំង ទំហំ គម្លាតនៃធាតុទាំងអស់
• បង្កើត Animation: ធ្វើឲ្យធាតុមានចលនា និងផលប៉ះពាល់
• Responsive Design: ធ្វើឲ្យទំព័របង្ហាញបានល្អលើទូរសព្ទ Tablet និងកុំព្យូទ័រ
• បង្កើតប្លង់ស្មុគស្មាញ: ជួរឈរ ជួរដេក Grid Layout Flexbox

អត្ថន័យ CSS

ពាក្យពេញរបស់ CSS គឺ Cascading Style Sheets

• Cascading: មានន័យថា "ធ្លាក់ពីលើចុះក្រោម" ដូចទឹកធ្លាក់។ ការកំណត់រចនានឹងធ្លាក់ពីលើចុះក្រោមតាមលំដាប់អាទិភាព
• Style: រចនាទម្រង់ ការតុបតែង
• Sheets: សន្លឹក ឬឯកសារសម្រាប់រចនា

ឧទាហរណ៍ការប្រើប្រាស់ CSS

មើលឧទាហរណ៍ខាងក្រោម ដើម្បីយល់ពីភាពខុសគ្នារវាង HTML ធម្មតា និង HTML + CSS។

ទំព័រដោយគ្មាន CSS

លទ្ធផល: អត្ថបទធម្មតា ពណ៌ខ្មៅ ទំហំដើម គ្មានការរចនា

ទំព័រដោយមាន CSS

លទ្ធផល: អត្ថបទមានពណ៌ស្អាត ទំហំធំ ពុម្ពអក្សរល្អ មានគម្លាតស្រួលអាន

អ្នកបង្កើត CSS

CSS ត្រូវបានបង្កើតឡើងដោយ៖

• Håkon Wium Lie: អ្នកផ្តួចផ្តើមគំនិត CSS (1994)
• Bert Bos: សហការីក្នុងការអភិវឌ្ឍ CSS
• W3C (World Wide Web Consortium): អង្គការដែលគ្រប់គ្រងស្តង់ដារ Web - www.w3.org

ប្រវត្តិកំណែទម្រង់ CSS

អត្ថប្រយោជន៍នៃ CSS

CSS ធ្វើការយ៉ាងដូចម្តេច?

CSS ធ្វើការដោយជ្រើសរើសធាតុ HTML និងបន្ថែមរចនាទម្រង់ទៅលើវា។

/* រចនាសម្ព័ន្ធ​មូលដ្ឋាន​របស់ CSS */
selector {
    property: value;
}

/* ឧទាហរណ៍​ពិតប្រាកដ */
h1 {
    color: blue;
    font-size: 24px;
}

• Selector: ជ្រើសរើស​ធាតុ HTML (ឧ. h1, p, div)
• Property: មុខងារ​ដែល​ចង់​កំណត់ (ឧ. color, font-size)
• Value: តម្លៃ​របស់​មុខងារ (ឧ. blue, 24px)

សេចក្តីសន្និដ្ឋាន

CSS ជាឧបករណ៍មិនអាចខ្វះបានសម្រាប់ការអភិវឌ្ឍគេហទំព័រសម័យទំនើប។ វាជួយធ្វើឲ្យគេហទំព័រ៖

• មានរូបរាងស្អាត និងទាក់ទាញ
• ងាយស្រួលប្រើប្រាស់
• ដំណើរការបានល្អលើគ្រប់ឧបករណ៍
• ងាយ​ស្រួល​ថែទាំ និង​អភិវឌ្ឍ