​គន្លឹះ​ខ្លះ​ៗ​ពីការ​បង្កើត​ទម្រង់ List ដោយ​ប្រើ CSS

♦ កែ​សម្រួល​ដោយ កញ្ញា អេង រតនៈ ថ្ងៃ​ទី ២៥ មករា ២០២១

សួស្តីអ្នក​ទាំងអស់​គ្នា ថ្ងៃ​នេះ​ខ្ញុំ​ចង់​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​អំពីគន្លឹះមួយចំនួននិយាយពីការ​បង្កើត​ទម្រង់​ List ដោយ​ប្រើ​ CSS​  ។   ដើម្បី​កុំ​ឲ្យ​ខាតពេលយូរតោះយើងទៅជួប​ជាមួយនឹង​ការ​ណែនាំ​ពីរបៀបនៃការប្តូរ​ទម្រង់ List ដូច​ខាងក្រោម​៖

♦ ​លទ្ធផល​កូដ

→ ពន្យល់កូដ HTML

​នៅពេល​យើង​ដំណើរ​ការ​កូដ​ក្នុង​ Browser ​វានឹង​ចេញដូចរូប​ខាងលើ​  ។

- នៅ​ក្នុង​ចំណុច​កូដ HTML ​ទាំងអស់ ដើម្បី​បង្កើត​ទម្រង់​ list បានគេមាន tag ចំនួនបីគឺ tag ul, tag ol, នឹង tag li​ ហើយ tag ​នីមួយៗ​មាន​លក្ខណៈ​ខុសៗ​គ្នា ។

- ​ចំណែក​ឯ​ tag ul និង​ tag ol មាន​លក្ខណៈ​ដូច​គ្នា​គេ​ប្រើ​វាក្ដោប​ទៅលើ​ tag li​  ដើម្បី​ឲ្យ​វាក្លាយជា​ទម្រង់​ list ​ដែល​យើងចង់បាន  ។  

→ ពន្យល់កូដ CSS

-  បន្ទាត់ទី១៣ ដល់ទី១៩ គេ​ប្រើ​ class drink ដើម្បី​បង្កើត​ box មួយ​ឲ្យ​នៅកណ្ដាលមានផ្ទៃខាងក្រោយ

ពណ៌សនឹងដាក់ shadow នៅព័ទ្ធជុំនៃ box​ នោះ  ។

- បន្ទាត់ទី២០ ដល់ទី២៤ គេ​ប្រើ​ class ul_left និង class ol_right​  ដើម្បី​បង្កើត​ box នៅ​ក្នុង​ box ​ដែល​មាន​ឈ្មោះ​ថា class drink​  ដើម្បី​ងាយស្រួល​បែងចែកទន្និន័យ​គ្នា​  ។

- បន្ទាត់ទី២៥ ដល់ទី៣៩ គេ​ប្រើ​ property list-style-type ដើម្បី​កំណត់​លក្ខណៈ​ឲ្យ​ប្រភេទ​នៃ list ​ដែល​មានរាងជារង្វង់មូល រាង square រាងជា upper roman រាងជា lower alphabet និង​រាងជា upper alphabet នៅពីមុខអក្សរ  ៕

→ កម្មវិធី​ដែល​បង្កើត​ដោយអាន-ANT សម្រាប់ Android https://play.google.com/store/apps/developer?id=ANT+Mag

→ កម្មវិធី​ដែល​បង្កើត​ដោយអាន-ANT សម្រាប់ iOS https://apps.apple.com/us/developer/kakada-sam/id1208341765

→ ​សម្រាប់​វគ្គ​សិក្សា Web Design with Bootstrap តម្លៃ 80 ដុល្លា http://training.antkh.com/website_design_with_css.aspx

→ សូម​ចូលរួម​ជាសមាជិក ANT Training Group  ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT

→ សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​សិក្សា​នៅអាន-ANT កន្លងមក http://training.antkh.com/achievements/