កងកម្លាំងដ៏សំខាន់មួយការផ្លាស់ប្តូរនៅក្នុងល្បាក់មួយ
មធ្យោបាយដ៏ល្អបំផុតមួយដើម្បីរៀនពីរបៀបដាក់កូដវិបសាយគឺដើម្បីរកមើលកូដប្រភពនៃវិបសាយផ្សេងទៀត។ ការអនុវត្តនេះគឺមានអ្នកជំនាញបណ្ដាញប៉ុន្មាននាក់បានរៀនសិប្បកម្មរបស់ពួកគេជាពិសេសក្នុងប៉ុន្មានថ្ងៃមុនពេលមានជម្រើសជាច្រើនសម្រាប់ វគ្គរចនាគេហទំព័រ សៀវភៅ និងបណ្ដាញហ្វឹកហាត់តាមអ៊ីនធឺណិត។
ប្រសិនបើអ្នកសាកល្បងការអនុវត្តនេះនិងមើលសន្លឹករចនាប័ទ្មដែលមានក្បួន (CSS) របស់គេហទំព័រនោះរឿងមួយដែលអ្នកអាចមើលឃើញនៅក្នុងកូដនោះគឺជាបន្ទាត់ដែលនិយាយថាសំខាន់!
តើវាមានន័យយ៉ាងដូចម្តេចហើយដូចអ្វីដែលសំខាន់ដែរតើអ្នកប្រើការប្រកាសនោះយ៉ាងត្រឹមត្រូវក្នុងសន្លឹករចនាប័ទ្មរបស់អ្នកយ៉ាងដូចម្តេច?
ល្បាក់នៃ CSS
ដំបូងបំផុតវាជាការសំខាន់ណាស់ដែលត្រូវយល់ថា ផ្ទាំងគំនូរមានកម្រិត ជា ល្បាក់ ដែលមានន័យថាវាត្រូវបានដាក់នៅក្នុងលំដាប់ជាក់លាក់មួយ។ ជាទូទៅនេះមានន័យថារចនាប័ទ្មត្រូវបានអនុវត្តតាមលំដាប់ដែលពួកវាត្រូវបានអានដោយកម្មវិធីរុករក។ រចនាប័ទ្មទីមួយត្រូវបានអនុវត្តហើយបន្ទាប់មកទីពីរ។
ជាលទ្ធផលបើរចនាប័ទ្មលេចឡើងនៅផ្នែកខាងលើនៃសន្លឹករចនាប័ទ្មហើយបន្ទាប់មកត្រូវបានផ្លាស់ប្តូរចុះក្រោមនៅក្នុងឯកសារនោះវត្ថុទីពីរនៃរចនាប័ទ្មនោះគឺជាធាតុមួយដែលត្រូវបានអនុវត្តក្នុងករណីជាបន្តបន្ទាប់មិនមែនជាលើកទីមួយទេ។ ជាទូទៅប្រសិនបើរចនាប័ទ្មពីរនិយាយរឿងដូចគ្នា (ដែលមានន័យថាពួកគេមានកម្រិតដូចគ្នានៃភាពជាក់លាក់) នោះបញ្ជីចុងក្រោយដែលបានរាយនឹងត្រូវបានប្រើ។
ឧទាហរណ៍ស្រមៃថារចនាប័ទ្មខាងក្រោមត្រូវបានផ្ទុកនៅក្នុងសន្លឹករចនាប័ទ្ម។ អត្ថបទកថាខណ្ឌនឹងត្រូវបានបង្ហាញជាពណ៌ខ្មៅទោះបីជារចនាប័ទ្មរចនាប័ទ្មដំបូងត្រូវបានអនុវត្តពណ៌ក្រហមក៏ដោយ។
នេះដោយសារតែតម្លៃ "ខ្មៅ" ត្រូវបានរាយបញ្ជីជាលើកទីពីរ។ ដោយសារតែ CSS ត្រូវបានអានពីកំពូលទៅបាតរចនាប័ទ្មចុងក្រោយគឺ "ខ្មៅ" ហើយដូច្នេះមួយដែលឈ្នះ។
p {color: red; }
p {color: black; }
ធ្វើយ៉ាងម៉េចដើម្បីផ្លាស់ប្តូរអាទិភាព
ឥឡូវអ្នកយល់អំពីរបៀបដែលច្បាប់ដូចគ្នាទាំងនេះត្រូវបានដំណើរការដោយ CSS យើងអាចមើលពីរបៀបដែលបង្គាប់ដ៏សំខាន់ផ្លាស់ប្តូរអ្វីៗបន្តិចបន្តួច។
បទបញ្ជាសំខាន់ៗប៉ះពាល់ដល់វិធីដែល CSS របស់អ្នក មាន នៅពេលដែលអ្នកធ្វើតាមច្បាប់ដែលអ្នកគិតថាមានសារៈសំខាន់បំផុតហើយគួរតែត្រូវបានអនុវត្ត។ ក្បួនដែលមានការណែនាំសំខាន់ៗតែងតែត្រូវបានអនុវត្តមិនថាក្បួនច្បាប់នោះលេចឡើងក្នុងឯកសារ CSS ទេ។
ដើម្បីធ្វើឱ្យអត្ថបទកថាខណ្ឌជាពណ៌ក្រហមជានិច្ចពីឧទាហរណ៍ខាងលើអ្នកនឹងប្រើ:
p {ពណ៌: ក្រហម! សំខាន់; }
p {color: black; }
ឥឡូវអត្ថបទទាំងអស់នឹងលេចឡើងជាពណ៌ក្រហមទោះបីជាតម្លៃ "ខ្មៅ" ត្រូវបានរាយបញ្ជីជាលើកទីពីរក៏ដោយ។ សារាចរដ៏សំខាន់បដិសេធនូវច្បាប់ធម្មតានៃល្បាក់ហើយវាផ្តល់ឱ្យនូវរចនាប័ទ្មជាក់លាក់ខ្ពស់ណាស់។
ប្រសិនបើអ្នកត្រូវការកថាខណ្ឌដើម្បីបង្ហាញពណ៌ក្រហមរចនាប័ទ្មនេះនឹងធ្វើវាប៉ុន្តែនោះមិនមានន័យថានេះជាការអនុវត្តល្អនោះទេ។ ចូរយើងក្រឡេកមើលមើលនៅពេលដែលអ្នកចង់ប្រើវា! សំខាន់ហើយនៅពេលដែលវាមិនសមរម្យ។
ពេលត្រូវប្រើ! សំខាន់
សេចក្តីបង្គាប់ដ៏សំខាន់គឺមានប្រយោជន៍នៅពេលអ្នកកំពុងសាកល្បងនិងកែកំហុសគេហទំព័រ។ ប្រសិនបើអ្នកមិនប្រាកដថាហេតុអ្វីបានជារចនាប័ទ្មមួយមិនត្រូវបានអនុវត្តហើយគិតថាវាអាចជាបញ្ហាជាក់លាក់មួយអ្នកអាចបន្ថែមការប្រកាសដ៏សំខាន់ទៅរចនាប័ទ្មរបស់អ្នកដើម្បីមើលថាតើវាជួសជុលវា។
ប្រសិនបើអ្នកបន្ថែមថាសំខាន់ពិតជាជួសជុលបញ្ហារចនាប័ទ្មអ្នកទើបតែបានកំណត់ថាវាជាបញ្ហាជាក់លាក់មួយ។ ទោះជាយ៉ាងណាក៏ដោយអ្នកមិនចង់ចាកចេញពីនោះទេលេខកូដសំខាន់ដែលត្រូវបានដាក់នៅទីនោះសម្រាប់គោលបំណងសាកល្បងតែប៉ុណ្ណោះ។
ចាប់តាំងពីការធ្វើតេស្តបានបញ្ចប់អ្នកគួរតែលុបចោលការណែនាំនោះហើយកែតម្រូវឧបករណ៍ជ្រើសរើសរបស់អ្នកដើម្បីសម្រេចបាននូវភាពជាក់លាក់ដែលអ្នកត្រូវការដើម្បីឱ្យរចនាប័ទ្មរបស់អ្នកដំណើរការ។ សារៈសំខាន់មិនគួរចូលទៅក្នុងគេហទំព័រផលិតកម្មរបស់អ្នកទេដោយហេតុថាវាផ្លាស់ប្តូរជាធម្មតា។
ប្រសិនបើអ្នកពឹងផ្អែកយ៉ាងខ្លាំងទៅលើការប្រកាសដ៏សំខាន់មួយដើម្បីសម្រេចនូវរចនាបថដែលអ្នកចង់បាននោះអ្នកនឹងមានសន្លឹករចនាប័ទ្មមួយដែលពេញដោយរចនាប័ទ្មដ៏សំខាន់។ អ្នកនឹងត្រូវបានផ្លាស់ប្តូរជាមូលដ្ឋានវិធីដែល CSS របស់ទំព័រត្រូវបានដំណើរការ។ វាជាការអនុវត្តខ្ជិលដែលមិនល្អពីទស្សនៈគ្រប់គ្រងយូរអង្វែង។
ប្រើមានសារៈសំខាន់សម្រាប់ការធ្វើតេស្តឬក្នុងករណីខ្លះនៅពេលដែលអ្នកត្រូវបដិសេធរចនាប័ទ្មក្នុងតួដែលជាផ្នែកនៃប្រធានបទឬក្របខ័ណ្ឌគំរូ។
សូម្បីតែក្នុងករណីទាំងនោះក៏ដោយចូរប្រើវិធីសាស្ដ្រនេះឱ្យបានតិចបំផុតតាមដែលអាចធ្វើបានហើយជំនួសឱ្យការខិតខំសរសេរសន្មតស្អាតៗដែលយល់អំពីការបង្កើតជញ្ជាំង។
សន្លឹករចនាប័ទ្មអ្នកប្រើ
មានកំណត់ចុងក្រោយមួយស្តីពីបទបញ្ជាសំខាន់ដែលចាំបាច់ដើម្បីយល់។ សេចក្តីបង្គាប់នេះក៏ត្រូវបានបង្កើតឡើងផងដែរដើម្បីជួយដល់អ្នកប្រើគេហទំព័រដើម្បីដោះស្រាយបញ្ហារចនាប័ទ្មសន្លឹករចនាបថដែលធ្វើឱ្យទំព័រពិបាកសម្រាប់ប្រើឬអាន។
ជាធម្មតាប្រសិនបើ អ្នកប្រើកំណត់សន្លឹករចនាប័ទ្ម ដើម្បីមើលទំព័របណ្ដាញនោះសន្លឹករចនាប័ទ្មនោះត្រូវបានបដិសេធដោយ សន្លឹករចនាប័ទ្ម របស់អ្នកនិពន្ធទំព័រវ៉ិបសាយ។ ប្រសិនបើអ្នកប្រើកត់សម្គាល់រចនាប័ទ្មដូចជា! សំខាន់នោះរចនាប័ទ្មនោះគ្របដណ្តប់សន្លឹករចនាប័ទ្មអ្នកនិពន្ធទំព័រវ៉ិបសាយទោះបីជាអ្នកនិពន្ធសម្គាល់ក្បួនថាសំខាន់ក៏ដោយ។
វាមានប្រយោជន៍សម្រាប់អ្នកប្រើដែលត្រូវកំណត់រចនាប័ទ្មតាមវិធីជាក់លាក់មួយ។ ឧទាហរណ៍នរណាម្នាក់អាចត្រូវការបង្កើនទំហំពុម្ពអក្សរលំនាំដើមនៅលើទំព័រវ៉េបទាំងអស់ដែលពួកគេប្រើ។ ដោយប្រើប្រាស់នូវការណែនាំដ៏សំខាន់របស់អ្នកនៅក្នុងទំព័រដែលអ្នកបង្កើតអ្នកអាចបំពេញតម្រូវការពិសេសណាមួយដែលអ្នកប្រើប្រាស់របស់អ្នកអាចមាន។
កែសម្រួលដោយលោក Jeremy Girard