CSS Image Sprite

កែ​សម្រួល​អត្ថបទឡើងវិញ ខែឩសភា ឆ្នាំ ២០១៦

គឺជាវិធីសាស្រ្ត​ក្នុង​ការកាត់​បន្ថយ​ចំនួននៃការស្នើរសុំ protocol HTTP  ​ក្នុង​ការ​ទាញយក​រូបភាព​ពី server ដើម្បី​ឲ្យ​ server ​បញ្ចូន​រូបភាព​នោះមក​បង្ហាញ​នៅលើ​ browser ។ ​ក្នុង​នេះដែរ​រូបភាព​ជា​ច្រើន ត្រូវបាន​ដាក់​បញ្ចូល​ទៅជា​រូបភាព​តែមួយ ហើយ​ត្រូវបាន​គេកាត់យកមក​ប្រើ​ជា​ចំណែក​ៗ ។

ដំបូងត្រូវ Design ​រូបភាព​ច្រើន​បញ្ចូល​គ្នា​ជាមុនសិនដូច​ខាងក្រោម​:

♦ ការ​សរសេរ​កូដ:

♦ ការពន្យល់កូដ:

គេបាន​បង្កើត tag <a> ដោយបាន​កំណត់ width: 38px និង height: 39px; រួច​បង្កើត selector class រៀងៗ​ខ្លួន​សម្រាប់​កំណត់​ Background នៃធាតុនោះ ប៉ុន្តែ​ទីតាំងរបស់ធាតុ​នីមួយៗ​គឺមិនដូច​គ្នា​ទេ វា​អាស្រ័យ​ទៅ លើការ​កំណត់​របស់យើងធៀបទៅនឹង​រូបភាព​នៃ Background ។

Ex: background:url (file image) 0px 0px;

♦  ​តម្លៃ​ទីមួយវាជាអ្នក​កំណត់​ទៅខាង​ឆ្វេង ឬ ទៅ​ស្ដាំ អាស្រ័យ​ទៅលើ ការ​កំណត់​តម្លៃ វិជ្ជមាន ឬ អវិជ្ជមាន

♦  ​តម្លៃ​ទីពីរជាអ្នក​កំណត់​ទៅ​ខាងលើ​និងក្រោម

សូមសាកល្បងដោយខ្លួនអ្នក​! !

♦ កែ​សម្រួល​ឡើងវិញ ថ្ងៃ ១៧ ខែឩសភា ឆ្នាំ ២០១៦

♦ ដកស្រង់ចេញពី​ទស្សនាវដ្ដី​អាន-ANT ច្បាប់​ទី ៣៦ ប្រចាំខែ មីនា ឆ្នាំ ២០១២