Search Header Logo

Web Design with Tailwind CSS

Authored by Samit Koyom

Computers

6th - 8th Grade

Used 2+ times

Web Design with Tailwind CSS
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

20 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

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

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

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

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

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

.font-thin

.text-bold

.font-bold

font-normal

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

.color-blue-500

.background-blue-500

.text-blue-500

.bg-blue-500

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

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

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

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

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

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

.leading-loose

.leading-normal

.leading-tight

.leading-snug

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

.width-50

.w-50p

.w-half

.w-1/2

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

.sticky

.fixed

.absolute

.top-0

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?