ជា CSS-ជ្រើសនិងតួនាទីរបស់ខ្លួននៅក្នុងទ្រង់ទ្រាយ HTML-ឯកសារ

ការបង្កើតវេបសាយមួយនិងបំពេញវាជាមួយធាតុមួយចំនួននៃទំព័របណ្តាញរបស់អ្នករាល់គ្នានឹងប្រឈមមុខនឹងពាក្យដូចជា CSS-ជ្រើស។ វាបម្រើដើម្បីកំណត់ត្រឹមត្រូវធាតុទាំងអស់នៃ HTML ដែលឯកសារនៃការរចនានិងទីតាំងរបស់ពួកគេនៅលើទំព័រនេះ។ ដើម្បីធ្វើដូចនេះ, បង្កើតជា CSS-ឯកសារដែលភាគីទាំងពីរជ្រើសរើសជាក់លាក់និងការធ្វើទ្រង់ទ្រាយរបស់ពួកគេជម្រើស: ណ៍, ទំហំទីតាំងនិងផ្សេងទៀត។ រចនាបណ្ដាញគ្រប់រូបគួរដឹងនិងអាចចូលទៅក្នុងការជ្រើសរើសដែលចង់បានត្រឹមត្រូវ។ ពួកគេត្រូវបានបែងចែកដោយប្រភេទ, សំខាន់នៃការដែលយើងបានពិភាក្សាដូចខាងក្រោម។

ប្រភេទនៃកម្មវិធីជ្រើសនៅក្នុង CSS

ដោយអាស្រ័យលើដែលធាតុត្រូវបានអនុវត្ត html ដែលបានធ្វើទ្រង់ទ្រាយ, CSS-ជ្រើសអាចទាក់ទងទៅមួយនៃក្រុមដូចខាងក្រោម:

• ជ្រើសស្លាក;
• ជ្រើសថ្នាក់;
• លេខសម្គាល់-ជ្រើស;
• ចាត់ទុកជ្រើស។

ជ្រើសស្លាក

វាត្រូវបានគេហៅផងដែរថា "ប្រភេទឧបករណ៍ជ្រើស" ឬ "ធាតុ", វាជាការសាមញ្ញបំផុតនិងទូទៅ។ ក្នុងនាមជាឯកសារ CSS មានជាឈ្មោះរបស់របស់ខ្លួនធាតុនៃ HTML ដែលឯកសារដែលយើងបានរៀបរាប់នោះទេ។ ឧទាហរណ៍ប្រសិនបើយើងត្រូវការដើម្បីកំណត់រចនាប័ទ្មកថាខណ្ឌយើងបានបញ្ជាក់លក្ខណៈសម្បត្តិនិងតម្លៃរបស់ពួកគេសម្រាប់ធាតុ {ផ្ទៃខាងក្រោយទំព័រ: x; color: y; ទំហំ: z} ។ ក្នុងករណីនេះកថាខណ្ឌទាំងអស់នៃទំព័របណ្ដាញនេះនឹងមានទ្រង់ទ្រាយដូចគ្នា (ផ្ទៃខាងក្រោយ, ទំហំអត្ថបទនិងដូច្នេះនៅលើ។ ឃ) ។

ជ្រើសថ្នាក់

ហើយអ្វីដែលប្រសិនបើអ្នកត្រូវសួរកថាខណ្ឌអ្នកជារៀងរាល់គឺខុសគ្នាពីរចនាប័ទ្មផ្សេងទៀត? ដើម្បីធ្វើដូចនេះគឺមានជ្រើសថ្នាក់មួយ។

ឯកសារ CSS មានករណីនេះអាចនឹងនៅមានផ្ទុកធាតុមួយនៃទម្រង់ដូចខាងក្រោម: p.first {color: x; ពុម្ពអក្សរទំហំ: y} ។ ដូច្នេះយើងកំណត់លក្ខណសម្បត្តិរបស់ "color" និង "ទំហំ" សម្រាប់តែកថាខណ្ឌថ្នាក់ដំបូង។

នៅក្នុងឯកសារ html ករណីនេះបានចូលទៅក្នុងថ្នាក់មួយដើម្បីគុណលក្ខណៈឈ្មោះរបស់រចនាប័ទ្មដំបូង។ ថ្នាក់អាចជាជាច្រើនដូចជារចនាប័ទ្មដែលអ្នកចង់អនុវត្តសម្រាប់ធាតុទំព័របណ្តាញ។

លេខសម្គាល់ជ្រើស

ជាញឹកញាប់វាមានតំរូវការចាំបាច់ដើម្បីកំណត់រចនាប័ទ្មមួយតែច្រើនបានត្រឹមត្រូវ, ឧទាហរណ៍ណាមួយធាតុមួយនៃទំព័រ, ឬដើម្បីយកសំណាកពួកគេ។ នៅក្នុងស្ថានភាពនេះ, ជំនួយមកលេខសម្គាល់-ជ្រើស។ ឯកសារ html ផ្ដល់ឈ្មោះធាតុមួយដែលអ្នកចង់បានដែលសម្គាល់វានៅក្នុងចំណោមអ្នកដទៃទៀត។ ឧទាហរណ៍ធាតុដែលយើងចង់កំណត់ខុសពីរចនាប័ទ្មផ្សេងទៀតនឹងក្លាយជាចំណងជើងអត្ថបទនេះ។

បន្ទាប់មកនៅក្នុងឯកសារមួយដែលផ្ដល់ HTML ដែលអ្នកកំណត់អត្តសញ្ញាណ H1 បឋមកថានេះ, articlename បែបនេះ។ ហើយនៅក្នុងនោះជា CSS-ឯកសារបញ្ជាក់រចនាប័ទ្មបានបន្ថែមទៅសំណាញ់ឈ្មោះលេខសម្គាល់: #articlename {color: ខៀវ; តម្រឹមអត្ថបទ: កណ្តាល} ។ ឥឡូវនេះចំណងជើងរបស់យើងនឹងមានពណ៍ខៀវនិងកណ្តាល។

ប្រភេទខាងលើនេះអាចត្រូវបានរៀបរាប់ជា«ជា CSS-ជ្រើសសាមញ្ញ "។ ពួកគេបានកំណត់ការធ្វើទ្រង់ទ្រាយសម្រាប់ប៉ារ៉ាម៉ែត្រជាក់លាក់មួយនៃ HTML ដែលឯកសារ: ធាតុរួមគ្នាស្រដៀងគ្នា (ឧទា, កថាខណ្ឌទាំងអស់នៃអត្ថបទនេះ), ថ្នាក់មួយ (ឧទាហរណ៍មានតែកថាខណ្ឌដំបូង) ឬធាតុជាក់លាក់មួយ (ឧទាហរណ៍, ចំណងជើងអត្ថបទនេះ) ។

ជ្រើសរើសគុណលក្ខណៈ

ក្នុងការបន្ថែមទៅខាងលើមានការជ្រើសរើស-គុណលក្ខណៈជា CSS - វិធីសាស្រ្តស្មុគ្រស្មាញនៃរចនាប័ទ្មកម្មវិធី។ វាអនុញ្ញាតឱ្យធាតុទ្រង់ទ្រាយ HTML នៅលើ attribute ឬតម្លៃដែលបានជ្រើស។ មានពូជជាច្រើននៃការជ្រើសរើសនេះគឺ:

• ដោយមានវត្តមានរបស់គុណលក្ខណៈនេះ;
• ក្នុងតម្លៃពិតប្រាកដរបស់ខ្លួន;
• ដោយតម្លៃគុណលក្ខណៈផ្នែក;
• លើតម្លៃជាក់លាក់របស់ខ្លួន។

ចូរយើងពិចារណាគ្នានៃប្រភេទសត្វទាំងនេះ:

1. នេះជាករណីដំបូង។ ការធ្វើទ្រង់ទ្រាយត្រូវបានអនុវត្តបើសិនជាមានវត្តមាននៅក្នុងកូដ html គុណលក្ខណៈជាក់លាក់ (វាអាចជាទំ, div, បឋមកថា, ល) ។ ប្រសិនបើវាគឺជាការមិន, វាប្រើទូទៅសម្រាប់ធាតុទាំងអស់នៃរចនាប័ទ្មមួយ។ ឧទាហរណ៍សម្រាប់ធាតុដែលមានចំណងជើង (ចុងឧបករណ៍) ។
2. នេះជាករណីទីពីរ។ រចនាប័ទ្មនេះអនុវត្តតែចំពោះការ html ធាតុដែលមានការប្រកួតពិតប្រាកដនៃតម្លៃគុណលក្ខណៈ។ ឧទាហរណ៍ដើម្បីបញ្ចូលធាតុដែលតម្លៃគុណលក្ខណៈប្រភេទស្មើដាក់ស្នើ។
3. ករណីទីបី។ នៅក្រោមទ្រង់ទ្រាយនេះនឹងរួមបញ្ចូលតែធាតុនៅក្នុងបញ្ជីនៃតម្លៃដែលមានពាក្យជាក់លាក់មួយ។ ឧទាហរណ៍របារចំហៀងគុណលក្ខណៈ "ថ្នាក់" សម្រាប់ div ធាតុ។
4. ករណីទីបួន។ រចនាប័ទ្មត្រូវបានកំណត់សម្រាប់តែធាតុរបស់ HTML ដែលឯកសារដែលមានគុណលក្ខណៈពិសេសមានតម្លៃជាក់លាក់មួយអ្នកដែល, និងចាប់ផ្តើមជាមួយគាត់។ ឧទាហរណ៍, ការប្រើប្រាស់នៃការណ៍បានបញ្ជាក់ទៅធាតុទាំងអស់ដែលមានគុណលក្ខណៈជាភាសាអង់គ្លេស (ដែលអាច en, en-Rus, en-au និង t ។ ឃ) ។

ដូច្នេះដោយប្រើមួយឬផ្សេងទៀត, ជ្រើស CSS, អាចល្អបំផុតត្រូវបានបញ្ជាក់ជាគេហទំព័រទាំងមូលនិងរៀបរាប់មួយចំនួននៃធាតុរបស់វា។