CSS Selectors & Box Model

CSS ជួយឱ្យទំព័ររបស់អ្នកមានភាពស្រស់ស្អាត តាមរយៈ Colors, Layouts, Animations និង Responsive Design។

15%

គោលបំណងនៃការសិក្សា

យល់ដឹងអំពី Selectors (element, class, id)

ស្គាល់ Box Model (margin, border, padding, content)

ប្រើ Properties ដូចជា color, background, display

គ្រប់គ្រង Layout ដោយ Flexbox ជាមូលដ្ឋាន

គន្លឹះសំខាន់

CSS ជ្រើសរើស Element ដោយប្រើ Selector ហើយកំណត់រចនាបថតាមរយៈ Properties។ គ្រប់ Element សុទ្ធតែជា Box មួយដែលមាន Content, Padding, Border និង Margin ហៅថា Box Model។

style.css

.card {
  padding: 16px;
  border-radius: 16px;
  background: #002455;
  color: white;
}

.card:hover {
  opacity: 0.9;
}

ការប្រើ Flexbox ដើម្បីរៀបចំ Layout

សិក្សាអំពី Box Model និង Flexbox ជាមូលដ្ឋាន

Chhay Davinគ្រូបង្រៀន

៩៨០ អ្នកសិក្សា

តេស្តសមត្ថភាព (Quiz)

សាកល្បងសមត្ថភាព HTML របស់អ្នកជាមួយកម្រងសំណួរ HTML របស់យើង!

ចុចប៊ូតុងខាងក្រោមដើម្បីចាប់ផ្តើមឆ្លើយសំណួរអនុវត្តន៍ និងពង្រឹងការចងចាំមេរៀនរបស់អ្នក។

មេរៀនបន្ទាប់៖ Layout & Flexbox