ជាតិសន្លឹក: តើធ្វើដូចម្តេចដើម្បីចូលបន្ទាត់ជា CSS អត្ថបទ

ធនធានបណ្តាញដែលមានតម្លៃដោយអ្នកប្រើសម្រាប់បណ្តឹងឧទ្ធរណ៍ដែលមើលឃើញរបស់ខ្លួន។ ដូច្នេះពទោះបីជាមិនមានប្រយោជន៍អត្ថបទត្រូវបានអានដោយសារតែអាចទៅពិតដែលថាវាត្រូវបានរចនាឡើងយ៉ាងលំបាក។ សេចក្តីសន្និដ្ឋាន - តម្រូវការក្នុងការដោយប្រុងប្រយ័ត្ននិងយកចិត្តទុកដាក់មិនត្រឹមតែទៅមាតិកា semantic នៃទំព័រប៉ុណ្ណោះទេថែមទាំងការធ្វើបទបង្ហាញការមើលឃើញរបស់ខ្លួន។ ការមកដល់នៃបច្ចេកវិទ្យាជា CSS បានកើនឡើងពីលទ្ធភាពនៃការបង្កើតអត្ថបទគួរឱ្យទាក់ទាញ។ មួយនៃលក្ខណៈសម្បត្តិនេះមានគោលបំណងដើម្បីជួយសម្រួលដល់ការយល់ឃើញរបស់ដែលបានសរសេរនេះ - អត្ថបទ CSS បានការចូលបន្ទាត់។

រឹមនិងចន្លោះ: អ្វីដែលជាភាពខុសគ្នានេះ?

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

• វាលកំណត់លក្ខណសម្បត្តិចន្លោះចូលបន្ទាត់ - រឹម;
• វាលត្រូវបានកំណត់ដោយគម្លាតរវាងមាតិកានិងព្រំដែនប្លុក, ចន្លោះមួយ - រវាងព្រំដែននៃប្លុកដែលនៅជាប់គ្នានេះ;
• វាលអាចត្រូវបានចាត់ទុកថាជាធាតុមួយនៅក្នុងទំហំ (ទទឹងនិងកម្ពស់) និងគ្មាន។

អចលនទ្រព្យរឹម

ដូច្នេះដើម្បីកំណត់អត្ថបទជា CSS ចន្លោះផ្ដេកឬបញ្ឈរប្រើរឹមរចនា។ អចលនទ្រព្យនេះអនុវត្តទៅស្លាក

ឯកសារមេកថាខណ្ឌ។ ក្នុងករណីសាមញ្ញបំផុតនោះ, វាអាចត្រូវបានសរសេរជា:

រឹម: 12px ។

បន្ទាត់នេះមានន័យថានៅជុំវិញប្លុកនៃអត្ថបទ (ឬប្លុកផ្សេងទៀតណាមួយ) នៅលើភាគីទាំងអស់ត្រូវបានដាក់នៅក្នុងការចូលបន្ទាត់ 12 ភីកសែល។ ដើម្បីបង្កើនចន្លោះពេលនេះ, ឧទាហរណ៍, បីដងគឺគ្រប់គ្រាន់ដើម្បីសរសេរ:

រឹម: 36px ។

ប៉ុន្តែអ្វីដែលប្រសិនបើរវាងប្លុកនៃចន្លោះពេលនេះគួរតែមានភាពខុសគ្នានៅផ្នែកខាងគ្នា? អ្នកអភិវឌ្ឍន៍វិបសាយប្រើទម្រង់ជាច្រើននៃកំណត់ត្រា:

1. រឹម: 11px 22px ។
2. រឹម: 11px 22px 33px ។
3. រឹម: 11px 22px 33px 44px ។

នៅក្នុងឧទាហរណ៍ដំបូងចូលបន្ទាត់ 11 ភីកសែលត្រូវបានធ្វើឡើងពីព្រំដែនទាបនិងខាងលើនៃប្លុកនេះ, នៅលើជ្រុងនៃប្លុក - 22 ភិចសែល។ នេះបើយោងតាមអង្គភាពកំណត់ត្រាជាលើកទីពីររវាងគែមខាងលើហើយមាតិកានឹងត្រូវបាន 11 ភីកសែលរវាងទាប - 33 ភីកសែលនៅសងខាង - 22 ភិចសែល។ នៅក្នុងអត្ថបទចូលបន្ទាត់ករណីជា CSS ទីបីនឹងមានតម្លៃ 11 ភីកសែលពីកំពូលខាងស្ដាំ 22 ភីកសែល, 33 និង 44 ភីកសែលភីកសែលពីបាតខាងឆ្វេងមួយ។

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

រឹមស្ដាំ: 22rh ។

សម្រាប់ចម្ងាយដែលនៅសេសសល់នៅជុំវិញភាគីនៃប្លុកនេះសន្មត់នេះស្មើនឹងតម្លៃនៃធាតុមាតាឬបិតា។

អចលនទ្រព្យរឹមមានលក្ខណៈពិសេសដែលអ្នកអភិវឌ្ឍន៍ត្រូវការក្នុងការចងចាំនៅពេលប្រើ CSS ដែលចូលបន្ទាត់បញ្ឈរអត្ថបទ។ ចន្លោះពេលនៃធាតុមិនត្រូវបានបង្រួមជិតគ្នានិងបានដាក់នៅលើគ្នាទៅវិញទៅមក។ ជាឧទាហរណ៍មួយនៃគ្រឿងមានរឹមបាត: 15px និងខាងក្រោមប្លុករឹមកំពូលនៅជាប់គ្នា: 35px ។ នព្វន្ធសាលានិងសុភវិនិច្ឆ័យ dictates ថាគម្លាតសរុបរវាងពួកគេនឹងមាន 50 ភិចសែល។ នៅក្នុងការអនុវត្តវាមិនមែនជា។ ប្លុកមួយដែលមានតម្លៃធំនៃរឹមអចលនទ្រព្យ«លេប "អ្នកជិតខាងរបស់គាត់។ ជាលទ្ធផលចន្លោះធាតុនេះគឺ 35 ភីកសែល។

បន្ទាត់ "ក្រហម"

ការធ្វើឯកសារក្នុងកម្មវិធីនិពន្ធអត្ថបទ, អ្នកប្រើប្រាស់ចូលចិត្តដើម្បីសួរកថាខណ្ឌថ្មីជាមួយបន្ទាត់ "ក្រហម" ។ ការចូលបន្ទាត់អត្ថបទដោយប្រើ CSS ដែលនៅខាងឆ្វេងគឺជាការងាយស្រួលក្នុងការធ្វើ - ចូលបន្ទាត់រចនាអត្ថបទការប្រើ។ សរសេរវាដូចនេះ:

អត្ថបទចូលបន្ទាត់: 11px ។

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

អត្ថបទចូលបន្ទាត់: 11px;

អត្ថបទតម្រឹម: បង្ហាញអំពីភាពត្រឹមត្រូវ។

ក្នុងការបន្ថែមទៅភីកសែល, ក្នុងសេចក្ដីអធិប្បាយនៃការប្រើប្រាស់ខ្នាតសម្គាល់ផ្សេងទៀតនៃការ - អ៊ីងបានអះអាងថាភាគរយ។ សូមឱ្យអង្គភាពនេះមានការចូលបន្ទាត់អត្ថបទ CSS បាន 10% ។ នៅពេលដែលការទទឹងប្លុកនៃ 500 pixels ដែលជាបន្ទាត់ក្រហមនេះនឹងមាន 50 ភីកសែល (10% នៃ 500) ។

សម្រាប់អចលនទ្រព្យនេះអាចត្រូវបានដាក់តាំងបង្ហាញមរតកតម្លៃ។ កំណត់ត្រានេះបាននិយាយថាអង្គភាពនេះបានប្រើលក្ខណៈសម្បត្តិស្រដៀងគ្នានៃអង្គភាពមេ។

អត្ថបទចូលបន្ទាត់: មរតក។

គួរឱ្យភ្ញាក់ផ្អើល, ការ ចូលបន្ទាត់ អាចទទួលយកបានទៅលើតម្លៃអវិជ្ជមាន! ក្នុងករណីនេះការព្យាករត្រូវបានបង្កើតឡើងដោយការដែលគេហៅថា, នោះគឺជាអត្ថបទជាមូលដ្ឋាននេះនៅតែមាននៅក្នុងកន្លែងនិងបន្ទាត់ដំបូងត្រូវបានប្ដូរទៅខាងឆ្វេងដោយ 22 ភីកសែល:

អត្ថបទចូលបន្ទាត់: -22px ។

អក្សរនេះមិនត្រូវបានអនុម័តលើស៊ុមខាងឆ្វេងនៃកម្មវិធីរុករក, នៅក្នុងការបន្ថែមទៅការចូលបន្ទាត់អត្ថបទគួរតែត្រូវបានប្រើដើម្បីកំណត់រចនាសម្ព័ន្ធរបស់វាលនេះ:

ចន្លោះឆ្វេង: 22px ។

ដំបូន្មានមានប្រយោជន៍

លក្ខណៈសម្បត្តិនៃការជាមូលដ្ឋាននៃ CSS សម្រាប់ ធ្វើទ្រង់ទ្រាយអត្ថបទដែល ត្រូវបានចាត់ទុក។ និងជួសជុលពួកវាជាការអនុវត្តជំនួយ។ ខាងក្រោមនេះជាគន្លឹះចុងក្រោយចំនួននៅលើរបៀបដើម្បីអនុវត្តសម្ភារៈរៀនក្នុងការអភិវឌ្ឍបណ្តាញដែលមាន:

• បន្ទាត់ក្រហមនិងការចូលបន្ទាត់របស់អត្ថបទ - គំនិតផ្សេងគ្នានិងលក្ខណៈសម្បត្តិផ្សេងគ្នាដែលបានប្រើសម្រាប់ការណែនាំរបស់ពួកគេ;
• ការចូលបន្ទាត់បញ្ឈរច្បាប់អនុវត្តគណិតវិទ្យាមិន - ចន្លោះពេលត្រួតលើគ្នា "ឈ្នះ" ធាតុដែលមានតម្លៃធំជាងនេះ;
• ការចូលបន្ទាត់អវិជ្ជមានប្រើដើម្បីបង្ហាញបន្ទាត់ដំបូងនៃកថាខណ្ឌមួយនឹងរូបភាពមួយ។