របៀបដើម្បីបង្កើតម៉ឺនុយទម្លាក់ចុះនៃ CSS

សេចក្តីណែនាំ

ដំបូងវាមានតំលៃយល់អំពីអ្វីដែលម៉ឺនុយទម្លាក់ចុះ។ នៅក្រោមនិយមន័យនេះមានវិធីសាស្រ្តផ្សេងគ្នាជាច្រើននៃការបង្កើតការបង្កើតផ្សេងគ្នា។ ក្នុងករណីនេះយើងនឹងរុះរើសំណង់ដែលមានវត្ថុដែលអាចមើលឃើញជានិច្ចនិងវត្ថុបន្ថែមមួយចំនួនទៀត។ ចូរយើងបញ្ចប់ដោយទ្រឹស្ដីហើយចុះទៅអនុវត្ត។

• បង្កើតប្លង់របស់យើង។ ដើម្បីធ្វើដូចនេះយើងនឹងបង្កើតការសម្គាល់ HTML ។ បង្កើតបញ្ជីខាងក្នុង:
  • / Ul> ។ វាគួរតែមើលទៅដូចជាម៉ឺនុយទម្លាក់ចុះរបស់អ្នក។ CSS នឹងចូលជាធរមានបន្តិចបន្តួច។ ក្នុងករណីនេះបញ្ជីសំខាន់មានធាតុសំខាន់ 3 និងពីរ។
  • លាក់ម៉ឺនុយបន្ថែម។ ដើម្បីធ្វើដូចនេះយើងប្រើសន្លឹករចនាប័ទ្មកំណត់លក្ខណសម្បត្តិដូចខាងក្រោម ul ul {display: none;} នេះនឹងលុបធាតុនៃបញ្ជីទីពីរចេញពីអេក្រង់។
  • បង្កើតម៉ឺនុយមួយក្នុង CSS, ទម្លាក់ចេញពីបញ្ជីមេ។ ក្នុងសន្លឹករចនាប័ទ្មជាល្បាក់យើងសរសេរក្បួនដូចខាងក្រោម: ul li: hover ul {display: block;} ។ ធាតុនេះមានន័យថានៅពេលអ្នកដាក់កណ្ដុរលើធាតុលីនដែលស្ថិតនៅក្នុងបញ្ជី ul នោះ ul (ដែលនៅខាងក្នុង) លេចឡើងនៅលើអេក្រង់។ នៅ glance ដំបូងបែបនេះអាចហាក់ដូចជាស្មុគស្មាញពេកនិងការយល់ច្រឡំ។ ប៉ុន្តែការពិតអ្វីៗទាំងអស់គឺសាមញ្ញណាស់។
  • ប្រើប្លង់នេះដោយខ្លួនឯងដោយបញ្ចូលមាតិការបស់អ្នកនៅចន្លោះស្លាក
  • ។ អ្នកអាចផ្លាស់ប្តូរចំនួនធាតុនៅក្នុងបញ្ជី។

  ការផ្លាស់ប្តូរស្រស់ស្អាត

  នៅពេលដែលប្លង់ម៉ឺនុយសំខាន់រួចរាល់អ្នកអាចបន្តការឌីហ្សាញ។ ប្រហែលជាមានមនុស្សជាច្រើននៅក្នុងកន្លែងដំបូងចង់កម្ចាត់សញ្ញាសម្គាល់ដែលកំណត់ធាតុនៃបញ្ជីនេះ។ នេះត្រូវបានធ្វើដោយមានទ្រព្យសម្បត្តិ CSS តែមួយដូចជាឈ្មោះបញ្ជីរចនាប័ទ្ម។ អ្នកត្រូវបន្ថែមធាតុនេះ: li {list-style-type: none}; បន្ទាប់អ្នកអាចបញ្ចូលស៊ុមនិងបង្កើត ផ្ទៃខាងក្រោយ។ លក្ខណៈសម្បត្តិស៊ុមនិងផ្ទៃខាងក្រោយនឹងជួយអ្នក។ ប្រហែលជាអ្នកខ្លះនឹងមិនចូលចិត្តថាម៉ឺនុយធ្លាក់ចុះលេចឡើងជាបញ្ជីបន្ថែមទៀតខណៈពេលដែលពង្រីកធាតុសំខាន់។ ដើម្បីជួសជុលនេះអ្នកអាចដាក់វា។ ដើម្បីធ្វើដូចនេះក្នុងសន្លឹករចនាប័ទ្មដែលបានបង្ហោះសរសេរធាតុដូចខាងក្រោម ul ul {position: absolute; ឆ្វេង: 15px; ស្តាំ: 15px; កំពូល: 15px; បាត: 15px;} ។ ជាធម្មតាតម្លៃដែលអ្នកនឹងប្រើដោយខ្លួនឯង។ អាស្រ័យលើកន្លែងដែលអ្នកចង់ឃើញម៉ឺនុយទម្លាក់ចុះ CSS នឹងផ្តល់នូវលក្ខណៈសម្បត្តិជាច្រើនទៀតដែលអាចបន្ថែមបែបផែនផ្សេងៗនិងតុបតែងបញ្ជីរបស់យើង។

  សេចក្តីសន្និដ្ឋាន

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