แผนฝึกบทที่ 8
แบบฝึกปฏิบัติ
ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้
วาดแผนภาพสี่ชั้นของกล่องลงกระดาษแล้วจับคู่กับ property
สร้างกล่องเดียวครบ padding border margin แล้วตรวจใน DevTools
ใส่กฎ border-box ทั้งหน้าใน style.css
วางสองกล่อง width 50% พร้อม padding — เทียบก่อน/หลัง border-box
สาธิต margin collapse ด้วย h1 + p แล้วจดระยะที่ได้จริง
ออกแบบการ์ดโปรไฟล์สั้น ๆ ให้อ่านง่ายด้วย padding และระยะระหว่างส่วน