ទីតាំងសរសេរ CSS
របៀបសរសេរ CSS បញ្ចូលទៅក្នុង HTML (Where to write CSS)
តើយើងអាចសរសេរកូដ CSS នៅកន្លែងណាបានខ្លះ? មានវិធី ៣ យ៉ាង ដើម្បីបញ្ចូល CSS ទៅក្នុងឯកសារ HTML របស់អ្នក។
១. Inline CSS (នៅក្នុងបន្ទាត់)
Inline CSS គឺយើងសរសេរ CSS ចូលទៅក្នុង Attribute style របស់ HTML Element ដោយផ្ទាល់តែម្តង។ យើងមិនត្រូវការ Selector ទេ ព្រោះយើងសរសេរចំតួវាទៅហើយ។
គុណវិបត្តិ៖ វិធីនេះមិនសូវល្អទេ ព្រោះវាធ្វើអោយកូដ HTML ញ៉េរញ៉ៃ ហើយបើចង់កែពណ៌ ត្រូវដើរកែគ្រប់កន្លែងទាំងអស់! គេប្រើវាសម្រាប់តែការតេស្តកូដលឿនៗប៉ុណ្ណោះ។
២. Internal CSS (នៅក្នុងទំព័រ)
Internal CSS គឺយើងសរសេរ CSS នៅក្នុង Tag <style> ដែលស្ថិតនៅក្នុងផ្នែក <head> របស់ HTML។ វិធីនេះល្អសម្រាប់គេហទំព័រដែលមានទំព័រតែមួយ។
៣. External CSS (ឯកសារខាងក្រៅ - ល្អបំផុត!)
External CSS គឺជាការសរសេរ CSS នៅក្នុងឯកសារដាច់ដោយឡែកមួយទៀត (ដែលមានកន្ទុយ .css ដូចជា style.css)។ បន្ទាប់មកយើងប្រើ <link> ដើម្បីភ្ជាប់វាចូលទៅក្នុង HTML។
អត្ថប្រយោជន៍ដ៏អស្ចារ្យ៖ នេះគឺជាវិធីដែលអ្នកអាជីពប្រើប្រាស់! អ្នកអាចប្រើ CSS មួយឯកសារ ភ្ជាប់ទៅតុបតែង HTML រាប់ពាន់ទំព័របាន។ នៅពេលអ្នកចង់ប្តូរពណ៌ប៊ូតុង អ្នកគ្រាន់តែកែកូដតែ ១ បន្ទាត់នៅក្នុង style.css ប៊ូតុងរាប់ពាន់នឹងប្តូរតាមទាំងអស់ដោយស្វ័យប្រវត្តិ!
<link rel="stylesheet" href="style.css">
តើមួយណាឈ្នះ បើយើងប្រើទាំង ៣? (The Cascade Rule)
ប្រសិនបើអ្នកកំណត់ពណ៌កថាខណ្ឌតែមួយដោយប្រើវិធីទាំង៣ នោះច្បាប់ CSS គឺ៖ អ្នកណានៅកៀកបំផុត អ្នកនោះឈ្នះ!
Inline CSS (ឈ្នះគេ) > Internal CSS (លេខ២) > External CSS (ខ្សោយជាងគេ)។