Yann LeCun រៃអង្គាសប្រាក់បាន 1 ពាន់លានដុល្លារដើម្បីបង្កើត AI ដែលយល់ពីពិភពរូបវន្ត

ការបន្ថែមព្រំដែនទៅធាតុនៅក្នុង CSS គឺជាជំនាញមូលដ្ឋានសម្រាប់ពង្រឹងភាពទាក់ទាញដែលមើលឃើញ និងរចនាសម្ព័ន្ធនៃគេហទំព័ររបស់អ្នក។ លក្ខណសម្បត្តិ `border` គឺជាឧបករណ៍ចម្បងសម្រាប់វា ដែលអនុញ្ញាតឱ្យអ្នកគ្រប់គ្រង **រចនាប័ទ្ម**, **ទទឹង**, និង **ពណ៌** នៃស៊ុមរបស់ធាតុមួយនៅក្នុងការប្រកាសតែមួយ។ ### អចលនៈទ្រព្យ 'ព្រំដែន' ខ្លី វិធីសាមញ្ញបំផុតក្នុងការបន្ថែមស៊ុមគឺការប្រើ 'ព្រំដែន' ទ្រព្យសម្បត្តិខ្លី។ វាក្យសម្ព័ន្ធរបស់វាគឺត្រង់៖ `` css ព្រំដែន៖ [ទទឹង] [រចនាប័ទ្ម] [ពណ៌]; ឧទាហរណ៍ ដើម្បីបន្ថែមស៊ុមខ្មៅរឹង 2 ភីកសែលជុំវិញរូបភាព៖ `` css img { ស៊ុម: 2px ខ្មៅរឹង; } អ្នកក៏អាចកំណត់ទិដ្ឋភាពនីមួយៗនៃព្រំដែនដោយឡែកពីគ្នាសម្រាប់ការគ្រប់គ្រងលម្អិតបន្ថែមទៀត៖ - `border-width`៖ កំណត់​កម្រាស់ (ឧ. `1px`, `0.5em`, `thin`)។ - `border-style`៖ កំណត់រចនាប័ទ្មបន្ទាត់ (ឧ. `solid`, `dashed`, `dotted`, `double`, `groove`)។ - `border-color`៖ បញ្ជាក់ពណ៌ (ដោយប្រើពណ៌ដែលមានឈ្មោះ HEX, RGB ឬតម្លៃ HSL)។ ### អនុវត្តព្រំដែនទៅផ្នែកជាក់លាក់ CSS ផ្តល់នូវការគ្រប់គ្រងច្បាស់លាស់ ដែលអនុញ្ញាតឱ្យអ្នកបន្ថែមព្រំដែនទៅផ្នែកនីមួយៗនៃធាតុដោយប្រើលក្ខណៈសម្បត្តិទាំងនេះ៖ - "ព្រំដែនកំពូល" - ព្រំដែនស្តាំ - `ព្រំដែន - បាត` - `ព្រំដែនឆ្វេង` នីមួយៗធ្វើតាមវាក្យសម្ព័ន្ធ `[ទទឹង] [រចនាប័ទ្ម] [ពណ៌]` ដូចគ្នា។ ជាឧទាហរណ៍ ដើម្បីបន្ថែមការគូសបន្ទាត់ពីក្រោមតុបតែងទៅចំណងជើង៖ `` css h2 { border-bottom: 4px dashed #ff6b6b; } ### រចនាប័ទ្មព្រំដែនទូទៅ និងករណីប្រើប្រាស់ អចលនទ្រព្យ 'រចនាប័ទ្មព្រំដែន' ផ្តល់ជូននូវជម្រើសដែលមើលឃើញជាច្រើន៖ - **`រឹង`**៖ បន្ទាត់បន្ត។ សមស្របសម្រាប់ប៊ូតុងនិងធុង។ - **`dashed`**៖ ស៊េរីនៃសញ្ញាដាច់ៗ។ មានប្រយោជន៍សម្រាប់ការចង្អុលបង្ហាញតំបន់អសកម្ម។ - **`dotted`**៖ លំដាប់នៃចំនុច។ ជាញឹកញាប់ប្រើសម្រាប់សញ្ញាបំបែកដ៏ស្រាល។ - **`ទ្វេ`**៖ បន្ទាត់ប៉ារ៉ាឡែលពីរ។ បង្កើត​បែបផែន​ជា​ទម្រង់​ជា​ផ្លូវការ​ជាង។ - **`groove`**៖ បែបផែនចង្អូរ 3D អាស្រ័យលើពណ៌ស៊ុម។ ### គន្លឹះអនុវត្ត និងការអនុវត្តល្អបំផុត 1. **ប្រើជាមួយ 'border-radius' សម្រាប់ជ្រុងមូល**៖ ផ្សំ `border` ជាមួយនឹងលក្ខណៈសម្បត្តិ `border-radius` ដើម្បីបង្កើតគែមទន់ និងសមាសធាតុ UI ទំនើប និងងាយស្រួល។ `` css .ប៊ូតុង { ស៊ុម៖ 2px រឹង #4ecdc4; កាំព្រំដែន៖ 8px; } 2. **ចងចាំគំរូប្រអប់**៖ ស៊ុមបន្ថែមទៅវិមាត្រសរុបនៃធាតុមួយ។ ប្រសិនបើអ្នកមានធាតុដែលមានកំណត់ `ទទឹង` និង `កម្ពស់` នៃ 100px ហើយបន្ថែមស៊ុម `5px` ទំហំបង្ហាញសរុបរបស់វាក្លាយជា 110px គុណនឹង 110px។ ប្រើ `box-sizing: border-box;` ដើម្បីរួមបញ្ចូលស៊ុម និងទ្រនាប់ក្នុងទទឹង និងកម្ពស់ដែលបានបញ្ជាក់របស់ធាតុ។ 3. **ព្រំដែនថ្លាសម្រាប់ប្លង់មានស្ថេរភាព**៖ ពេលខ្លះ អ្នកអាចបន្ថែមស៊ុម 'តម្លាភាព' ជាកន្លែងដាក់ដើម្បីការពារការផ្លាស់ប្តូរប្លង់ នៅពេលដែលស៊ុមត្រូវបានបន្ថែម ឬដកចេញនៅលើអន្តរកម្មរបស់អ្នកប្រើ (ដូចជា `:hover`)។ ការធ្វើជាម្ចាស់លើព្រំដែន CSS គឺជាជំហានសំខាន់មួយក្នុងការបង្កើតគេហទំព័រដែលទាក់ទាញដោយមើលឃើញ និងមានរចនាសម្ព័ន្ធល្អ។ សាកល្បងជាមួយរចនាប័ទ្ម ទទឹង និងពណ៌ផ្សេងគ្នា ដើម្បីមើលពីរបៀបដែលពួកគេអាចបង្កើនការរចនារបស់អ្នក។ ហើយរុំវាក្នុង div ជាមួយ class="faq-section"។ អ្នកមិនអាចប្រើសញ្ញាសម្គាល់បានទេ។ កុំប្រើស្លាក HTML បន្ថែមណាមួយ លើកលែងតែសម្រាប់ទម្រង់ div និងសំណួរ។ ចម្លើយចំពោះសំណួរនីមួយៗគួរតែមាននៅក្នុងកថាខណ្ឌមួយ។