Day 1 / Hour 3

CSS Foundation

Document1 / 15

จากโครงสร้าง HTML สู่หน้าที่อ่านง่าย

Hour 2 เราสร้าง index.html ที่มีส่วนหัว Form แจ้งปัญหา และส่วนท้ายแล้ว

Hour นี้เราจะสร้างไฟล์ style.css เพื่อ:

  • จัดระยะห่างและสีของหน้า
  • ทำให้ Form อ่านและกรอกได้ง่าย
  • แสดง Focus เมื่อผู้ใช้ใช้ Keyboard
  • ปรับ Layout ให้เหมาะกับมือถือและหน้าจอกว้าง

CSS เปลี่ยนการแสดงผล แต่ไม่เปลี่ยนความหมายของ HTML หรือข้อมูลใน Form