Styling Track
CSS
Typography & Colors
Workshop: Typography & Colors
ฝึกนำ font-family, font-size, font-weight, line-height, text-align, text-decoration, color และ background มาใช้ร่วมกัน โดยไม่ข้ามไปใช้ visual effects ที่ยังไม่ได้เรียน
Workshop 1: Article Header
สร้างหัวบทความที่ใช้ font-family, font-size, font-weight และ line-height เพื่อแยกหัวข้อ เนื้อหาเกริ่น และข้อมูลรองให้อ่านง่าย
Workshop 2: Centered Quote
สร้าง quote block ที่ใช้ text-align, text-decoration และระบบสี hsl โดยยังคุมให้อ่านง่ายบนพื้นหลังอ่อน
Workshop 3: Gradient Hero
รวม background gradient, color และ typography เพื่อสร้าง hero section ที่อ่านชัดบนพื้นหลังเข้ม