wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Box Model Siêu nhân lập trình Web

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Thuộc tính nào điều chỉnh khoảng cách giữa phần nội dung và viền của một phần tử ?

a)

Margin

b)

Padding

c)

Border

d)

Box-sizing

2.

Giá trị nào của box-sizing bao gồm cả border và padding trong tính toán kích thước thẻ ?

a)

Content-box

b)

Padding-box

c)

Border-box

d)

Margin-box

3.

margin điều chỉnh khoảng cách giữa thẻ và…

a)

Nội dung bên trong

b)

Thẻ khác

c)

Viền (border)

d)

Padding

4.

Khi sử dụng padding: 10px;, điều gì xảy ra với phần content của thẻ?

a)

Content bị thu nhỏ 10px mỗi bên

b)

Content sẽ cách viền 10px mỗi bên

c)

Kích thước của thẻ giảm đi 10px

d)

Thẻ bị đẩy 10px so với thẻ khác

5.

Khi border: 2px solid black;, độ dày viền (border) của phần tử là bao nhiêu?

a)

2px

b)

4px

c)

6px

d)

Không xác định

6.

Nếu box-sizing: content-box; và width: 200px; padding: 10px; border: 5px solid;, tổng chiều rộng phần tử là bao nhiêu?

a)

200px

b)

210px

c)

220px

d)

230px

7.

Thuộc tính nào không nằm trong Box Model?

a)

Border

b)

Margin

c)

Padding

d)

Opacity

8.

Khi box-sizing: border-box;, kích thước tổng của phần tử bao gồm những phần nào?

a)

Nội dung (content)

b)

Content và padding

c)

Content, padding, và border

d)

Content, padding, border, và margin

9.

Cách viết ngắn gọn padding: 10px 20px 30px; có nghĩa là gì?

a)

Top: 10px, Right: 20px, Bottom: 30px, Left: 10px

b)

Top: 10px, Right: 20px, Bottom: 30px, Left: 20px

c)

Top: 30px, Right: 20px, Bottom: 10px, Left: 20px

d)

Top: 10px, Right: 30px, Bottom: 20px, Left: 30px

10.

Nếu một thẻ có margin: 20px;, nó sẽ tạo khoảng cách ở đâu?

a)

Phía bên trong phần tử

b)

Giữa content và viền (border)

c)

Giữa thẻ đó và các thẻ khác xung quanh

d)

Không tạo khoảng cách