wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Week 4/2-5 CSS3 - Font

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

ข้อใดต่อไปนี้เป็นตัวอย่างของ Additional CSS3 Selector?

a)

.class

b)

#id

c)

:first-of-type

d)

<element>

2.

"A" ใน RGBA หมายถึงอะไร

a)

สีทั้งหมด

b)

ความโปร่งใส

c)

สีที่ใช้งานอยู่

3.

ถ้าต้องการใช้ selector ที่เรียกค่า attribute ค่านำหน้าต้องเขียนอย่างไร?

a)

input[type="text"] { ... }

b)

img[alt^="image"]{...}

c)

div[attribute$="value"]{....}

d)

div[class*="te"] {....}

4.

div ~ p { ... } หมายถึงข้อใด?

a)

เลือกอิลิเมนต์ <p> ที่เป็นพี่น้องร่วมกันของอิลิเมนต์ <div>

b)

เลือกอิลิเมนต์ <p> ที่มีหน้าตาเป็นลูกสุดของอิลิเมนต์ <div>

c)

เลือกอิลิเมนต์ <p> ที่ตั้งอยู่หลังอิลิเมนต์ <div>

d)

เลือกอิลิเมนต์ <p> ที่มีอิลิเมนต์ <div> ต่อท้ายอยู่

5.

div[class$="web"].tech#nology

{ background: red; }

จากข้อความ element ใดจะทำการแสดงผล

a)

<div class="tech designweb" id="nology">

</div>

b)

<div class=" designweb tech" id="nology">

</div>

c)

<div class="tech web design " id="nology">

</div>

d)

<div class="design web" id="technology">

</div>

6.

ข้อใดคือหน่วยแบบสัมบูรณ์ (Absolute Unit)

a)

em

b)

percentage

c)

px

d)

em

7.

ข้อความใน tag <p> มีขนาดกี่ px

a)

30

b)

32

c)

34

d)

36

8.

Property ใดที่เกี่ยวกับลักษณะการแสดงผลของ font ให้เป็นตัวพิมพ์ใหญ่ได้

a)

font-variant:

b)

font-size:

c)

font-style:

d)

font-weight:

9.

เติมคำในช่องว่างเขียนถูกต้อง

(ตัวใหญ่ตัวเล็กใส่ให้ถูกด้วย)

(a)  

10.

word-wrap: และ word-break: ใช้สำหรับทำอะไร

a)

จัดการคำที่ยาวเกินกล่องข้อความก่อนจะขึ้นบรรทัดใหม่

b)

ตัดขึ้นบรรทัดใหม่

c)

ตัดคำที่ลงท้ายด้วย hyphen (-)