แผนฝึกบทที่ 11

ลำดับที่แนะนำ

ทำตามลำดับด้านล่างให้ครบ แล้วค่อยไปบทที่ 12

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

ตั้ง body font-family stack สำหรับภาษาไทย+ละติน
ง่าย
สร้างสเกล h1/h2/p ด้วย rem จาก root
ง่าย
ตั้ง line-height เนื้อหา 1.6 และหัวข้อกระชับกว่า
ง่าย
จำกัด .prose ด้วย max-width ประมาณ 40rem
ปานกลาง
เชื่อมฟอนต์เว็บหนึ่งตระกูล น้ำหนัก 400 และ 700 เท่านั้น
ปานกลาง
ทดลองซ้อน em สามชั้น แล้วแก้กลับเป็น rem — อธิบายความต่าง
ยาก