រៀនអំពីការឈានមុខគេក្នុងការរចនាគេហទំព័រ

ការរចនាតាមបណ្តាញតែងតែបានខ្ចីនាយកនិងនិយមន័យពីពិភពនៃការរចនាក្រាហ្វិចនិងការបោះពុម្ព។ នេះជាការពិតជាពិសេសនៅពេលនិយាយអំពី ប្រភេទពុម្ពអក្សរបណ្ដាញ និងវិធីដែលយើងទទួលបានអក្សរនៅលើទំព័របណ្តាញរបស់យើង។ ភាពស្របគ្នាទាំងនេះមិនមែនតែងតែបកប្រែពី 1 ទៅ 1 ទេប៉ុន្តែអ្នកពិតជាអាចឃើញថាតើវិន័យមួយណាបានជះឥទ្ធិពលដល់ការបកប្រែផ្សេងទៀត។ នេះជាភស្តុតាងជាពិសេសនៅពេលដែលអ្នកពិចារណាពីទំនាក់ទំនងរវាងពាក្យមេតាបែបប្រពៃណី "ឈានមុខគេ" និងលក្ខណៈ CSS ដែលត្រូវបានគេស្គាល់ថា "line-height" ។

គោលបំណងនៃការដឹកនាំ

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

នាំមុខគេក្នុងការរចនាគេហទំព័រ

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

នៅពេលដែលវាមកដល់ការរចនាតំបន់បណ្ដាញ, មិនមានទ្រព្យសម្បត្តិ CSS សម្រាប់ "ឈានមុខគេ។ " ផ្ទុយទៅវិញលក្ខណសម្បត្តិ CSS ដែលនឹងគ្រប់គ្រងការបង្ហាញដែលមើលឃើញនៃអត្ថបទនេះត្រូវបានគេហៅថាបន្ទាត់កម្ពស់។ ប្រសិនបើអ្នកចង់ឱ្យអត្ថបទរបស់អ្នកមានចន្លោះបន្ថែមរវាងបន្ទាត់ផ្តេកនៃអត្ថបទអ្នកនឹងប្រើលក្ខណសម្បត្តិនេះ។ ឧទាហរណ៍និយាយថាអ្នកចង់បង្កើនបន្ទាត់កម្ពស់សម្រាប់គ្រប់កថាខណ្ឌទាំងអស់នៅក្នុង ធាតុ

នៃវែបសាយត៍ អ្នកអាចធ្វើដូចនេះ:

p {បន្ទាត់កម្ពស់: 1.5; }

ឥឡូវនេះវាស្មើ 1,5 ដងនៃកម្ពស់បន្ទាត់ធម្មតាអាស្រ័យលើទំហំពុម្ពអក្សរលំនាំដើមនៃទំព័រ (ដែលជាធម្មតាមាន 16 ភីចសែល) ។

ពេលណាត្រូវប្រើបន្ទាត់កំពស់

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

នៅពេលដែលមិនប្រើ Line-Height

កុំច្រឡំបន្ទាត់កម្ពស់ជាមួយគែមឬរឹមដែលអ្នកនឹងប្រើដើម្បីបន្ថែមដកឃ្លាទៅការរចនាទំព័ររបស់អ្នករួមបញ្ចូលទាំងក្បាលក្រោមឬកថាខណ្ឌ។ គម្លាតនោះមិននាំមុខទេដូច្នេះវាមិនត្រូវបានគ្រប់គ្រងដោយបន្ទាត់កម្ពស់ទេ។

បើអ្នកចង់បន្ថែមចន្លោះនៅក្រោមធាតុអត្ថបទជាក់លាក់អ្នកប្រើរឹមឬចន្លោះ។ ការត្រលប់ទៅឧទាហរណ៏ CSS មុនដែលយើងបានប្រើយើងអាចបន្ថែមនេះ:

p {បន្ទាត់កម្ពស់: 1.5; រឹមខាងក្រោម: 24px; }

នេះនឹងនៅតែមានកម្ពស់បន្ទាត់ 1.5 រវាងបន្ទាត់អត្ថបទសម្រាប់កថាខណ្ឌរបស់ទំព័ររបស់យើង (ដែលនៅខាងក្នុងធាតុ

) ។ កថាខណ្ឌដូចគ្នាទាំងនោះក៏មាន 24 ដកឃ្លានៃចន្លោះខាងក្រោមគ្នាដែរដែលអនុញ្ញាតឱ្យមានការសម្រាកដែលអាចឱ្យអ្នកអានងាយសម្គាល់កថាខណ្ឌមួយពីមួយទៅមួយនិងធ្វើឱ្យការអានគេហទំព័រកាន់តែងាយស្រួលធ្វើ។ អ្នកក៏អាចប្រើលក្ខណៈសម្បត្តិចន្លោះជំនួសកន្លែងរឹមនេះបានដែរ:

p {បន្ទាត់កម្ពស់: 1.5; ចន្លោះខាងក្រោម: 24px; }

ក្នុងករណីស្ទើរតែទាំងអស់នេះនឹងបង្ហាញដូចគ្នានឹង CSS មុន។

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

.services-menu li { អ្នកនឹងប្រើតែកម្ពស់បន្ទាត់នៅទីនេះបើអ្នកចង់កំណត់គម្លាតនៃអត្ថបទនៅក្នុងធាតុបញ្ជីខ្លួនដោយសន្មតថាពួកវាមានអត្ថបទរត់វែងដែលអាចរត់ទៅបន្ទាត់ច្រើនសម្រាប់ចំណុចចំណុចនីមួយៗ។