តើធ្វើដូចម្តេចដើម្បីផ្លាស់ប្តូរពណ៌នៃពាក្យមួយជាមួយស្លាក Span និង CSS

ជាមួយ CSS វាងាយស្រួលកំណត់ពណ៌នៃអត្ថបទនៅក្នុងឯកសារ។ ប្រសិនបើអ្នកចង់ឱ្យកថាខណ្ឌនៅលើទំព័ររបស់អ្នកបង្ហាញនៅក្នុងពណ៌ជាក់លាក់មួយអ្នកគ្រាន់តែបញ្ជាក់ថានៅក្នុងសន្លឹករចនាប័ទ្មខាងក្រៅរបស់អ្នកនិងកម្មវិធីរុករកនឹងបង្ហាញអត្ថបទរបស់អ្នកនៅក្នុងពណ៌ដែលបានជ្រើស។ តើមានអ្វីកើតឡើងនៅពេលដែលអ្នកចង់ផ្លាស់ប្តូរពណ៌គ្រាន់តែពាក្យមួយ (ឬប្រហែលជាពីរបីពាក្យប៉ុណ្ណោះ) នៅក្នុងកថាខណ្ឌអត្ថបទ? សម្រាប់ចំណុចនោះអ្នកនឹងត្រូវប្រើធាតុក្នុងបន្ទាត់ដូចជាស្លាក។

ទីបំផុតការផ្លាស់ប្តូរពណ៌នៃពាក្យតែមួយឬក្រុមតូចមួយនៃពាក្យនៅក្នុងប្រយោគគឺងាយស្រួលប្រើ CSS និង ស្លាក HTML ដែលត្រឹមត្រូវដូច្នេះកុំបារម្ភអំពីប្រភេទនៃការ hack ប្រភេទនេះ។ ជាមួយវិធីសាស្រ្តនេះអ្នកក៏ចៀសវាងការប្រើស្លាកដែលមិនពេញចិត្តនិងគុណលក្ខណៈដូចជា "ពុម្ពអក្សរ" ដែលជាផលិតផលនៃសម័យអាយុកាលរបស់តែម្តង។

អត្ថបទនេះគឺសំរាប់អ្នកអភិវឌ្ឍន៍គេហទំព័រដែលទំនងជាថ្មីចំពោះ HTML និង CSS ។ វានឹងជួយអ្នករៀនពីរបៀបប្រើស្លាក HTML និង CSS ដើម្បីផ្លាស់ប្តូរពណ៌នៃអត្ថបទជាក់លាក់នៅលើទំព័ររបស់អ្នក។ ដែលត្រូវបាននិយាយថាមានគុណវិបត្តិមួយចំនួនចំពោះវិធីសាស្ត្រនេះដែលខ្ញុំនឹងគ្របដណ្តប់នៅចុងបញ្ចប់នៃអត្ថបទនេះ។ ឥឡូវសូមអានដើម្បីសិក្សាពីជំហាននានាក្នុងការផ្លាស់ប្តូរពណ៌អត្ថបទនេះ! វាងាយស្រួលហើយគួរចំណាយពេលប្រហែល 2 នាទី។

ណែនាំពីជំហានទៅមួយជំហាន

1. បើកទំព័របណ្ដាញដែលអ្នកចង់ធ្វើបច្ចុប្បន្នភាពក្នុងកម្មវិធីនិពន្ធ HTML អត្ថបទសំណព្វរបស់អ្នក។ នេះអាចជាកម្មវិធីមួយដូចជា Adobe Dreamweaver ឬកម្មវិធីកែសម្រួលអត្ថបទធម្មតាដូចជា Notepad, Notepad ++, TextEdit ជាដើម។
2. នៅក្នុងឯកសារកំណត់ទីតាំងពាក្យដែលអ្នកចង់បង្ហាញនៅក្នុងពណ៌ខុសគ្នានៅលើទំព័រ។ សម្រាប់ជាប្រយោជន៍នៃការបង្រៀននេះ, អនុញ្ញាតឱ្យប្រើពាក្យមួយចំនួនដែលមាននៅក្នុងកថាខណ្ឌធំនៃអត្ថបទ។ អត្ថបទនោះនឹងត្រូវបានផ្ទុកនៅក្នុងគំរបតុ។ រកពាក្យមួយក្នុងចំណោមពីរពាក្យដែលអ្នកចង់កែសម្រួល។
3. ដាក់ទស្សន៍ទ្រនិចរបស់អ្នកមុនអក្សរទីមួយក្នុងពាក្យឬក្រុមនៃពាក្យដែលអ្នកចង់ប្ដូរពណ៌។ សូមចាំថាប្រសិនបើអ្នកកំពុងប្រើ កម្មវិធី និពន្ធរបស់ WYSIWYG ដូចជា Dreamweaver អ្នកកំពុងធ្វើការនៅក្នុង "កូដទិដ្ឋភាព" ។
4. សូមឱ្យរុំអត្ថបទដែលយើងចង់ផ្លាស់ប្តូរពណ៌ដោយរួមបញ្ចូលទាំងគុណលក្ខណៈថ្នាក់។ កថាខណ្ឌទាំងមូលអាចមើលទៅដូចនេះ: នេះគឺជាអត្ថបទដែលផ្តោតលើប្រយោគ។
5. យើងទើបតែប្រើធាតុក្នុងបន្ទាត់ដើម្បីផ្តល់អត្ថបទជាក់លាក់នោះថា "ទំពក់" ដែលយើងអាចប្រើក្នុង CSS ។ ជំហានបន្ទាប់របស់យើងគឺលោតទៅឯកសារ CSS ខាងក្រៅរបស់យើងដើម្បីបន្ថែមច្បាប់ថ្មី។

1. នៅក្នុងឯកសារ CSS របស់យើងសូមបន្ថែម:
   1. .focus-text {
   2. ពណ៌: # F00;
   3. }
2. ក្បួននេះនឹងកំណត់ថាធាតុក្នុងបន្ទាត់, ដើម្បីបង្ហាញនៅក្នុងពណ៌ក្រហម។ ប្រសិនបើយើងមានរចនាប័ទ្មពីមុនដែលកំណត់អត្ថបទនៃឯកសាររបស់យើងទៅជាពណ៌ខ្មៅរចនាប័ទ្មក្នុងតួនេះនឹងធ្វើឱ្យអត្ថបទផ្ទៀងផ្ទាត់ត្រូវបានផ្តោតលើនិងលេចធ្លោជាមួយពណ៌ផ្សេង។ យើងក៏អាចបន្ថែមរចនាប័ទ្មផ្សេងៗទៀតទៅច្បាប់នេះដោយប្រហែលជាធ្វើឱ្យអក្សរទ្រេតអត្ថបទឬដិតដើម្បីបញ្ជាក់បន្ថែមទៀត។
3. រក្សាទុកទំព័ររបស់អ្នក។
4. សាកល្បងទំព័រ ក្នុងកម្មវិធីអ៊ីនធឺណិតដែលអ្នកចូលចិត្តដើម្បីមើលការផ្លាស់ប្ដូរនៅក្នុងបែបផែន។
5. សូមកត់សម្គាល់ថាបន្ថែមពីនេះអ្នកជំនាញគេហទំព័រមួយចំនួនជ្រើសរើសដើម្បីប្រើធាតុផ្សេងៗដូចជាគូរឬស្លាក។ ស្លាកទាំងនេះត្រូវបានប្រើសម្រាប់ "ដិត" និង "ទ្រេត" ជាពិសេស, ប៉ុន្តែត្រូវបានបដិសេធនិងជំនួសដោយនិង។ ស្លាកនៅតែដំណើរការនៅក្នុងកម្មវិធីរុករកទំនើបទោះបីជាយ៉ាងណាក៏ដោយក្រុមអ្នកបង្កើតវិបសាយជាច្រើនប្រើពួកវាជាទំរង់អ៊ិនធឺណិត។ នេះមិនមែនជាវិធីសាស្រ្តដ៏អាក្រក់បំផុតនោះទេប៉ុន្តែប្រសិនបើអ្នកចង់ជៀសវាងនូវធាតុផ្សំដែលមិនពេញចិត្តណាមួយខ្ញុំសូមស្នើឱ្យបិទជាមួយស្លាកសម្រាប់ប្រភេទនៃតម្រូវការទាំងនេះ។

គន្លឹះនិងអ្វីដែលត្រូវមើលសម្រាប់

ខណៈពេលដែលវិធីសាស្រ្តនេះដំណើរការល្អសម្រាប់តម្រូវការកំណត់រចនាប័ទ្មតូចៗដូចជាប្រសិនបើអ្នកត្រូវការផ្លាស់ប្តូរតែបំណែកតូចមួយនៃអត្ថបទនៅក្នុងឯកសារនោះវាអាចត្រូវបានគ្រប់គ្រងយ៉ាងឆាប់រហ័ស។ ប្រសិនបើអ្នករកឃើញថាទំព័ររបស់អ្នកត្រូវបានបញ្ចូលជាមួយធាតុក្នុងតួដែលទាំងអស់នេះមានថ្នាក់ពិសេសដែលអ្នកកំពុងប្រើនៅក្នុងឯកសារ CSS របស់អ្នកអ្នកអាចធ្វើខុសវាត្រូវចាំថាស្លាកទាំងនេះដែលមាននៅក្នុងទំព័ររបស់អ្នកកាន់តែពិបាក។ ទំនងជាដើម្បីរក្សាទំព័រនោះទៅមុខ។ លើសពីនេះទៀត ប្រភេបពាណីគេហទំព័រដ៏ល្អ កម្រមានវ៉ារ្យ៉ង់ជាច្រើននៃពណ៌។ ល។ នៅទូទាំងទំព័រ!