For Android device For iOS device
២៧
សីហា

​គន្លឹះ​ខ្លះ​ៗ​ពីការ​បង្កើត​ទម្រង់ 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/

 

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា