រួមបញ្ចូលមតិយោបល់នៅក្នុងកូដ CSS របស់អ្នកមានប្រយោជន៍និងផ្តល់អនុសាសន៍ខ្ពស់។
គេហទំព័រទាំងអស់ត្រូវបានបង្កើតឡើងដោយធាតុរចនាសម្ពន្ធ័ (ដែលត្រូវបានបញ្ជាដោយ HTML) ក៏ដូចជារចនាប័ទ្មដែលមើលឃើញឬ "មើលនិងមានអារម្មណ៍" នៃគេហទំព័រនោះ។ សន្លឹករចនាប័ទ្មល្បាក់ (CSS) គឺជាអ្វីដែលត្រូវបានប្រើដើម្បីកំណត់រូបរាងនៃគេហទំព័រ។ រចនាប័ទ្មទាំងនេះត្រូវបានរក្សាទុកដាច់ដោយឡែកពីរចនាសម្ព័ន្ធ HTML ដើម្បីឱ្យងាយស្រួលក្នុងការធ្វើបច្ចុប្បន្នភាពនិងការប្រកាន់ខ្ជាប់ទៅតាមស្តង់ដារគេហទំព័រ។
ជាមួយនឹងទំហំនៃភាពស្មុគស្មាញនៃគេហទំព័រជាច្រើននាពេលបច្ចុប្បន្ននេះសន្លឹករចនាប័ទ្មអាចប្រែប្រួលយ៉ាងឆាប់រហ័សនិងមានភាពមមាញឹកក្នុងការធ្វើការជាមួយ។ នេះជាការពិតនៅពេលអ្នកចាប់ផ្តើមបញ្ចូល សំណួរ ក្នុង ប្រព័ន្ធផ្សព្វផ្សាយ សម្រាប់ រចនាប័ទ្មគេហទំព័រឆ្លើយតប ។ សំណួរប្រព័ន្ធផ្សព្វផ្សាយទាំងនោះតែឯងអាចបន្ថែមចំនួននៃរចនាប័ទ្មថ្មីៗទៅក្នុងឯកសារ CSS ហើយធ្វើឱ្យវាកាន់តែពិបាកធ្វើការ។ នេះជាកន្លែងដែលយោបល់របស់ CSS អាចក្លាយជាជំនួយដ៏មានតម្លៃនៅលើគេហទំព័រ។
ការបន្ថែមមតិយោបល់ទៅឯកសារ CSS របស់គេហទំព័រគឺជាមធ្យោបាយដ៏ល្អមួយដើម្បីបន្ថែមរចនាសម្ព័ន្ធទៅផ្នែកនៃកូដនោះសម្រាប់អ្នកអានដែលកំពុងពិនិត្យមើលឯកសារ។ វាក៏ជាវិធីសាស្រ្តដ៏អស្ចារ្យមួយសម្រាប់ពន្យល់អំពីរចនាប័ទ្មទាំងនោះសម្រាប់អ្នកជំនាញគេហទំព័រដែលប្រហែលជាត្រូវធ្វើការនៅលើគេហទំព័រនាពេលអនាគត - រាប់បញ្ចូលទាំងខ្លួនអ្នកផងដែរ!
នៅទីបញ្ចប់, យោបល់ CSS ដ៏ឆ្លាតវៃនឹងធ្វើឱ្យសន្លឹករចនាប័ទ្មងាយស្រួលក្នុងដំណើរការ។ នេះពិតជាសំខាន់សម្រាប់សន្លឹករចនាប័ទ្មដែលនឹងត្រូវបានកែសម្រួលដោយក្រុម។ មតិយោបល់អាចត្រូវបានប្រើដើម្បីទំនាក់ទំនងទិដ្ឋភាពសំខាន់ៗនៃសន្លឹករចនាប័ទ្មចំពោះសមាជិកផ្សេងៗនៃក្រុមដែលមិនសូវស្គាល់កូដរួចហើយ។ មតិយោបល់ទាំងនេះក៏អាចមានប្រយោជន៍សម្រាប់មនុស្សដែលបានធ្វើការនៅលើគេហទំព័រនេះពីមុនប្រសិនបើពួកគេត្រលប់ចូលទៅក្នុងកូដបន្ទាប់ពីត្រូវបាននៅឆ្ងាយពីវាសម្រាប់ពេលខ្លះ។ ជារឿយៗខ្ញុំត្រូវកែគេហទំព័រដែលខ្ញុំបានបង្កើតរាប់ខែឬច្រើនឆ្នាំកន្លងមកហើយហើយមានមតិយោបល់ល្អ ៗ នៅក្នុង HTML និង CSS គឺជាជំនួយដ៏អស្ចារ្យ! សូមចាំថាគ្រាន់តែដោយសារតែអ្នកបានបង្កើតវែបសាយមួយមិនមានន័យថាអ្នកនឹងចាំថាហេតុអ្វីបានជាអ្នកធ្វើអ្វីដែលអ្នកបានធ្វើនៅពេលអ្នកត្រលប់ទៅគេហទំព័រនោះនាពេលអនាគត! មតិយោបល់អាចធ្វើឱ្យចេតនារបស់អ្នកច្បាស់លាស់និងជម្រះការយល់ច្រឡំណាមួយមុនពេលដែលវាកើតឡើង។
រឿងមួយដើម្បីយល់អំពីយោបល់របស់ CSS គឺថាវាមិនបង្ហាញនៅពេលទំព័របង្ហាញក្នុងកម្មវិធីរុករកបណ្ដាញ។ មតិយោបល់ទាំងនោះគឺជាព័ត៌មានតែប៉ុណ្ណោះដូចគ្នានឹងមតិយោបល់របស់ HTML ដែរ (ទោះបីជាវាក្យសម្ពន្ធខុសគ្នារវាងពីរក៏ដោយ) ។ មតិយោបល់ CSS ទាំងនេះមិនប៉ះពាល់ដល់ការបង្ហាញដែលមើលឃើញរបស់គេហទំព័រណាមួយទេនិងមានវត្តមាននៅក្នុងកូដដោយខ្លួនឯង។
ការបន្ថែមយោបល់ CSS
ការបន្ថែមមតិយោបល់ CSS គឺងាយស្រួលណាស់។ អ្នកគ្រាន់តែកក់មតិយោបល់របស់អ្នកដោយការបើកនិងបិទស្លាកអត្ថាធិប្បាយត្រឹមត្រូវ:
- ចាប់ផ្តើមមតិយោបល់របស់អ្នកដោយបន្ថែម / *
- បិទមតិយោបល់របស់អ្នកដោយបន្ថែម * /
អ្វីដែលលេចឡើងរវាងស្លាកទាំងពីរនេះនឹងជាមាតិកានៃមតិយោបល់អាចមើលឃើញតែក្នុងកូដនិងមិនបង្ហាញដោយកម្មវិធីរុករក។
សេចក្តីអធិប្បាយ CSS មួយអាចជាបន្ទាត់តែមួយឬវាអាចប្រើបន្ទាត់ច្រើន។ នេះជាឧទាហរណ៍បន្ទាត់តែមួយ:
div # border_red {border: thin red solid; } / * ឧទាហរណ៍ពណ៌ក្រហម * /និងឧទហរណ៍ពហុ:
/ *************************** ********************** ****** រចនាប័ទ្មសម្រាប់អត្ថបទកូដ **************************** ************ *************** /ការបែងចែកផ្នែក
វិធីមួយក្នុងចំណោមវិធីដែលខ្ញុំប្រើមតិយោបល់ជាញឹកញាប់គឺការរៀបចំសន្លឹករចនាប័ទ្មរបស់ខ្ញុំនៅក្នុងបន្ទះតូចជាងនិងងាយស្រួលជាងមុន។ ខ្ញុំចូលចិត្តអាចមើលឃើញផ្នែកទាំងនេះយ៉ាងងាយស្រួលនៅពេលខ្ញុំពិនិត្យមើលឯកសារនៅពេលក្រោយ។ ដើម្បីធ្វើដូច្នេះខ្ញុំតែងបន្ថែមមតិយោបល់ជាមួយសហសញ្ញាជាច្រើននៅក្នុងពួកគេដូច្នេះពួកគេផ្តល់នូវការសំរាកដ៏អស្ចារ្យនៅទំព័រដែលងាយស្រួលមើលនៅពេលខ្ញុំក្រឡេកមើលកូដយ៉ាងឆាប់រហ័ស។ នេះគឺជាឧទាហរណ៍:
/ * ----------------------- រចនាប័ទ្មបឋមកថា ----------------------- ------- * /នៅពេលដែលខ្ញុំមើលឃើញមតិយោបល់ទាំងនេះនៅក្នុងលេខកូដរបស់ខ្ញុំខ្ញុំដឹងថាវាគឺជាការចាប់ផ្តើមនៃផ្នែកថ្មីនៃឯកសារនោះដែលអនុញ្ញាតឱ្យខ្ញុំងាយស្រួលដំណើរការនិងប្រើកូដ។
និយាយ & # 34; កូដ
ស្លាកអត្ថាធិប្បាយក៏អាចមានប្រយោជន៍នៅក្នុងដំណើរការពិតប្រាកដនៃការសរសេរកូដនិងបំបាត់កំហុសទំព័រ។ មតិយោបល់អាចត្រូវបានប្រើដើម្បី "ផ្តល់យោបល់" ឬ "បិទ" ផ្នែកនៃកូដនោះដើម្បីមើលថាតើមានអ្វីកើតឡើងប្រសិនបើផ្នែកនោះមិនមែនជាផ្នែកនៃទំព័រ។
ដូច្នេះតើវាដំណើរការយ៉ាងដូចម្តេច? ជាការប្រសើរណាស់ដោយសារស្លាកអត្ថាធិប្បាយប្រាប់កម្មវិធីរុករកមិនអើពើអ្វីគ្រប់យ៉ាងរវាងពួកវាអ្នកអាចប្រើពួកវាដើម្បីបិទផ្នែកខ្លះនៃកូដ CSS ។ វាអាចមានប្រយោជន៍នៅពេលបំបាត់កំហុសឬនៅពេលកែតម្រូវទម្រង់ទំព័របណ្តាញ។
ដើម្បីធ្វើដូចនេះអ្នកគ្រាន់តែបន្ថែមស្លាកអត្ថាធិប្បាយបើកចំហដែលអ្នកចង់ឱ្យកូដចាប់ផ្តើមបិទហើយបន្ទាប់មកដាក់ស្លាកបញ្ចប់ដែលអ្នកចង់ឱ្យផ្នែកដែលបិទត្រូវបញ្ចប់។ អ្វីគ្រប់យ៉ាងរវាងស្លាកទាំងនោះនឹងមិនប៉ះពាល់ដល់ការបង្ហាញនៃគេហទំព័រដែលអនុញ្ញាតឱ្យអ្នកបំបាត់កំហុស CSS ដើម្បីមើលថាតើបញ្ហាណាមួយអាចកើតឡើង។ បន្ទាប់មកអ្នកអាចចូលនិងដោះស្រាយបញ្ហានោះហើយយកមតិយោបល់ចេញពីលេខកូដ។
យោបល់ CSS Comment
សរុបមកនេះគឺជាគន្លឹះមួយចំនួនដែលត្រូវចាំដើម្បីប្រើប្រាស់យោបល់នៅក្នុង CSS របស់អ្នក:
- មតិអាចមានរយៈពេលច្រើនបន្ទាត់។
- មតិយោបល់អាចរួមបញ្ចូលធាតុ CSS ដែលអ្នកមិនចង់បង្ហាញដោយកម្មវិធីរុករកប៉ុន្តែមិនចង់លុបចោលទាំងស្រុង។ នេះជាវិធីដ៏ល្អមួយក្នុងការបំបាត់ទ្រង់ទ្រាយរចនាប័ទ្មរបស់វែបសាយ - គ្រាន់តែត្រូវប្រាកដថាលុបរចនាប័ទ្មដែលមិនបានប្រើ (ផ្ទុយទៅវិញត្រូវទុកឱ្យពួកគេបញ្ចេញមតិ) ប្រសិនបើអ្នកសម្រេចចិត្តថាអ្នកមិនត្រូវការវានៅលើគេហទំព័រ
- ប្រើមតិយោបល់នៅពេលដែលអ្នកសរសេរ CSS ស្មុគស្មាញដើម្បីបន្ថែមការបំភ្លឺនិងប្រាប់អ្នកអភិវឌ្ឍន៍អនាគតឬខ្លួនអ្នកនៅពេលអនាគតអំពីអ្វីដែលសំខាន់ដែលពួកគេគួរដឹង។ នេះនឹងជួយសន្សំពេលអភិវឌ្ឍន៍សម្រាប់អនាគតទាំងអស់។
- មតិយោបល់ក៏អាចរួមបញ្ចូលព័ត៌មានមេតាដូចជា:
- អ្នកនិពន្ធ
- កាលបរិច្ឆេទបង្កើត
- ព័ត៌មានរក្សាសិទ្ធិ
សមិទ្ធផល
មតិយោបល់អាចមានប្រយោជន៍ប៉ុន្តែត្រូវដឹងថាយោបល់បន្ថែមដែលអ្នកបន្ថែមទៅសន្លឹករចនាប័ទ្មវានឹងក្លាយទៅជាខ្លាំងដែលនឹងប៉ះពាល់ដល់ល្បឿននៃការទាញយកនិងការសម្តែងរបស់គេហទំព័រ។ នេះគឺជាការព្រួយបារម្ភពិតប្រាកដប៉ុន្តែអ្នកមិនគួរស្ទាក់ស្ទើរក្នុងការបន្ថែមមតិយោបល់មានប្រយោជន៍និងស្របច្បាប់ដោយខ្លាចថាការសម្តែងនឹងទទួលរង។ បន្ទាត់ CSS មិនបន្ថែមទំហំធំធេងទៅឯកសារទេ។ អ្នកនឹងត្រូវបន្ថែម TONS នៃបន្ទាត់មតិយោបល់ដើម្បីធ្វើឱ្យមានផលប៉ះពាល់យ៉ាងសំខាន់លើទំហំនៃឯកសារ CSS ។ ការបន្ថែមយោបល់តិចតួចនៅក្នុង CSS របស់អ្នកមិនគួរផ្តល់ឱ្យអ្នកនូវផលប៉ះពាល់អវិជ្ជមានសុទ្ធលើល្បឿនទំព័រទេ។
នៅទីបញ្ចប់អ្នកនឹងចង់រកតុល្យភាពរវាងយោបល់ដែលមានប្រយោជន៍និងយោបល់ច្រើនពេកដើម្បីទទួលបានផលប្រយោជន៍ទាំងក្នុងឯកសារ CSS របស់អ្នក។
អត្ថបទដើមរបស់នាង Jennifer Krynin ។ កែសម្រួលដោយលោក Jeremy Girard នៅថ្ងៃទី 7 ខែឧសភាឆ្នាំ 17