គុណសម្បត្តិនិងគុណវិបត្តិនៃរចនាប័ទ្មក្នុងតួក្នុង CSS

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

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

របៀបសរសេររចនាប័ទ្មក្នុងតួ

ដើម្បីបង្កើតរចនាប័ទ្ម CSS ក្នុងតួអ្នកចាប់ផ្តើមដោយសរសេរលក្ខណសម្បត្តិរចនាប័ទ្មរបស់អ្នកស្រដៀងនឹងរបៀបដែលអ្នកនឹងនៅក្នុងសន្លឹករចនាប័ទ្មប៉ុន្តែវាត្រូវតែជាបន្ទាត់តែមួយ។ ញែកលក្ខណសម្បត្តិច្រើនដោយសញ្ញាចំណុចក្បៀសដូចដែលអ្នកចង់ដាក់ក្នុងសន្លឹករចនាប័ទ្ម។

ផ្ទៃខាងក្រោយ: #ccc; ពណ៌: #fff; ព្រំដែន: ពណ៌ខ្មៅ 1px;

ដាក់បន្ទាត់នៃរចនាប័ទ្មក្នុងរចនាប័ទ្មគុណលក្ខណៈរចនាប័ទ្មនៃធាតុដែលអ្នកចង់ត្រូវបានតែងហៅ។ ឧទាហរណ៍ប្រសិនបើអ្នកចង់ប្រើរចនាប័ទ្មនេះទៅកថាខណ្ឌក្នុង HTML របស់អ្នកនោះធាតុនឹងមើលទៅដូចនេះ:

ក្នុងឧទាហរណ៍នេះកថាខណ្ឌពិសេសនេះនឹងលេចឡើងជាមួយផ្ទៃខាងក្រោយពណ៌ប្រផេះភ្លឺ (នោះជាអ្វី #ccc នឹងបង្ហាញ) អត្ថបទពណ៌ខ្មៅ (ពី # 000 ពណ៌) និងជាមួយស៊ុមពណ៌ខ្មៅ 1 ភីចសែលនៅជុំវិញជ្រុងទាំងបួននៃកថាខណ្ឌ ។

អត្ថប្រយោជន៍នៃរចនាប័ទ្មក្នុងតួ

សូមអរគុណដល់ការរៀបចំរចនាប័ទ្មនៃរចនាប័ទ្ម ល្បែង រចនាប័ទ្មនៃ ល្បែង ជា ល្បែង ជាក្រុមដែលមានអាទិភាពខ្ពស់ឬភាពជាក់លាក់នៅក្នុងឯកសារ។ នេះមានន័យថាពួកវានឹងត្រូវបានអនុវត្តមិនថាមានអ្វីផ្សេងទៀតត្រូវបានសរសេរនៅក្នុងសន្លឹករចនាប័ទ្មខាងក្រៅរបស់អ្នកទេ (ជាមួយការលើកលែងមួយដែលជារចនាប័ទ្មណាមួយដែលត្រូវបានផ្តល់ឱ្យ! ការប្រកាសដ៏សំខាន់ថាសន្លឹកប៉ុន្តែនេះមិនមែនជាអ្វីដែលគួរត្រូវបានធ្វើនៅក្នុងតំបន់ផលិតកម្មប្រសិនបើវា អាចត្រូវបានជៀសវាង) ។

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

រចនាប័ទ្មក្នុងជួរមានភាពងាយស្រួលនិងឆាប់រហ័សដើម្បីបន្ថែមហើយអ្នកមិនចាំបាច់ព្រួយបារម្ភអំពីការជ្រើសរើសអ្នកជ្រើសរើស CSS ត្រឹមត្រូវទេព្រោះអ្នកកំពុងបន្ថែមរចនាប័ទ្មដោយផ្ទាល់ទៅធាតុដែលអ្នកចង់ផ្លាស់ប្តូរ (ធាតុនោះជំនួសអ្នកជ្រើសរើសដែលនឹងត្រូវសរសេរនៅក្នុងសន្លឹករចនាប័ទ្មខាងក្រៅ ) ។ អ្នកមិនចាំបាច់បង្កើតឯកសារថ្មីទាំងមូលទេ (ដូចជាសន្លឹករចនាប័ទ្មខាងក្រៅ) ឬកែសម្រួលធាតុថ្មីនៅក្នុងក្បាលឯកសាររបស់អ្នក (ដូចជាមួយនឹងសន្លឹករចនាប័ទ្មខាងក្នុង) ។ អ្នកគ្រាន់តែបន្ថែមគុណលក្ខណៈរចនាប័ទ្មដែលមានសុពលភាពលើស្ទើរតែរាល់ធាតុ HTML ។ ទាំងនេះគឺជាហេតុផលទាំងអស់ដែលអ្នកអាចត្រូវបានល្បួងឱ្យប្រើរចនាប័ទ្មក្នុងជួរប៉ុន្តែអ្នកក៏ត្រូវដឹងអំពីគុណវិបត្តិសំខាន់ៗមួយចំនួនចំពោះវិធីសាស្រ្តនេះ។

គុណវិបត្តិនៃរចនាប័ទ្មក្នុងតួ

ដោយសារតែរចនាប័ទ្មក្នុងបន្ទាត់ពួកគេគឺជាការជាក់លាក់បំផុតនៅក្នុងល្បែងនេះ, ពួកគេអាច over-ជិះអ្វីដែលអ្នកមិនមានបំណងឱ្យពួកគេ។ ពួកគេក៏បដិសេធនូវចំណុចមួយដ៏មានឥទ្ធិពលបំផុតរបស់ CSS - សមត្ថភាពក្នុងការប្លាស្ទិចជាច្រើននិងទំព័របណ្ដាញជាច្រើនពីឯកសារ CSS កណ្តាលមួយដើម្បីធ្វើបច្ចុប្បន្នភាពនិងការផ្លាស់ប្តូររចនាប័ទ្មនាពេលអនាគតកាន់តែងាយស្រួលក្នុងការគ្រប់គ្រង។

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

តាមពិតទៅនេះគឺជាជំហានថយក្រោយមួយនៅក្នុងការរចនាគេហទំព័រ - ថ្ងៃនៃស្លាក ត្រលប់មកវិញ!