พวกเขากล่าวว่าแอปเปิ้ลวันละผลช่วยให้ห่างไกลหมอ… แต่นั่นใช้ได้กับการพัฒนาเว็บไซต์และ CSS ด้วยหรือไม่? การ์ตูนวันนี้พยายามตอบคำถามนั้น

เนื่องจากการ์ตูนมีโค้ดเป็น HTML และ CSS คุณจึงตรวจสอบซอร์สโค้ดได้ที่การสาธิตสดนี้บน comicss.art

ทางเลือก

ฉันยังเขียนโค้ดเวอร์ชันทางเลือกเพื่อการศึกษาเพิ่มเติมอีกเล็กน้อย โดยเน้นส่วนต่าง ๆ ของโมเดลกล่องโดยใช้ภาพวาดเดียวกัน (หวังว่าแนวคิดเรื่องพื้นที่ส่วนตัวจะชัดเจน… ฉันรู้ว่ามันอาจไม่ชัดเจน…)

หวังว่าจะชัดเจน แม้ว่าฉันต้องยอมรับ เส้นประที่ทำเครื่องหมายพื้นที่ส่วนบุคคลนั้นค่อนข้างแปลกและอาจทำให้สับสนได้ (เนื่องจากอาจดูเหมือนเป็นสนามพลัง และจริง ๆ แล้วระยะขอบนั้นอยู่ระหว่างบุคคลกับเส้นขอบแทนที่จะเป็นระหว่างเส้นขอบกับ หมอ.)