Web Design with Tailwind CSS

วัตถุประสงค์หลักของ Tailwind CSS คืออะไร ?

• เพื่อให้บริการคอมโพเนนต์ที่ออกแบบไว้แล้ว

• เพื่อเสนอวิธีการสร้างดีไซน์ตามความต้องการด้วย Utility-First

• เพื่อสร้างเว็บไซต์โดยไม่ต้องเขียน CSS

• เพื่อสร้างดีไซน์ที่ตอบสนองต่อหน้าจออัตโนมัติ

คลาส Utility ใน Tailwind CSS ที่ใช้ทำให้ตัวอักษรหนาคือคลาสใด?

• .font-thin

• .text-bold

• .font-bold

• font-normal

คุณจะใช้คลาส Tailwind CSS ใดในการเพิ่มสีพื้นหลังเป็นสีน้ำเงิน 500?

• .color-blue-500

• .background-blue-500

• .text-blue-500

• .bg-blue-500

วัตถุประสงค์ของคลาส container ใน Tailwind CSS คืออะไร?

• เพื่อเพิ่ม padding ให้กับเนื้อหา

• เพื่อสร้างเลย์เอาท์ที่มีความกว้างคงที่

• เพื่อจัดกึ่งกลางเนื้อหาในแนวนอนภายในหน้าจอ

• เพื่อทำให้ element กว้างเต็มหน้าจอ

คลาสใดที่ใช้เพื่อกำหนดความสูงของบรรทัดเป็น 1.5 ใน Tailwind CSS?

• .leading-loose

• .leading-normal

• .leading-tight

• .leading-snug

คุณจะตั้งค่าความกว้างของ element เป็น 50% ของ container ใน Tailwind CSS ได้อย่างไร?

• .width-50

• .w-50p

• .w-half

• .w-1/2

คลาสใดที่ใช้ทำให้ element อยู่ติดกับขอบบนของหน้าใน Tailwind CSS?

• .sticky

• .fixed

• .absolute

• .top-0

คลาสใดใน Tailwind CSS ที่ใช้เพิ่มเงาใหญ่ให้กับ element?

• .shadow-sm

• .shadow

• .shadow-lg

• .shadow-xl

คุณจะเพิ่มเส้นขอบที่มีความโค้งให้กับ element ใน Tailwind CSS ได้อย่างไร?

• .border-radius

• .rounded

• .border-round

• .radius-md

คลาสใดที่ใช้ในการเพิ่ม filter แบบ grayscale ใน Tailwind CSS?

• .filter-grayscale

• .grayscale

• .gray-filter

• .filter-gray