wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Reponsive

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Trong CSS, đâu là cách tốt nhất để tạo ra một trang web responsive?

a)

Sử dụng bố cục bằng bảng (table layout)

b)

Sử dụng đơn vị đo tĩnh như pixels (px)

c)

Sử dụng media queries

d)

Không sử dụng CSS

2.

Media query là gì?

a)

Một cách để truy cập phương tiện truyền thông

b)

Một cách để tạo biến trong CSS

c)

Một cách để xác định các điều kiện môi trường trình duyệt

d)

Một cách để thực hiện các phép tính trong CSS

3.

Đâu là một cách thức phổ biến để điều chỉnh giao diện trong media query?

a)

Sử dụng JavaScript

b)

Sử dụng @media rule trong CSS

c)

Sử dụng HTML5

d)

Sử dụng PHP

4.

Đâu là một phương pháp tốt để kiểm tra tính responsive của trang web?

a)

Kiểm tra trên nhiều trình duyệt

b)

Sử dụng công cụ kiểm tra trực tuyến như Responsinator

c)

Sử dụng thiết bị di động thực tế

d)

Tất cả các phương pháp trên

5.

Đâu là một phương pháp tốt để xác định điều kiện cho các media query?

a)

Sử dụng cả độ rộng và chiều cao màn hình

b)

Sử dụng chỉ độ rộng màn hình

c)

Sử dụng chỉ chiều cao màn hình

d)

Sử dụng độ phân giải màn hình

6.

Đâu là một cách để tạo một ẩn phần tử trên thiết bị di động?

a)

Sử dụng thuộc tính display:none;

b)

Sử dụng thuộc tính visibility:hidden;

c)

Sử dụng thuộc tính opacity:0;

d)

Không có cách nào để ẩn phần tử trên thiết bị di động.

7.

CSS Grid và Flexbox là gì?

a)

Hai cách khác nhau để xây dựng trang web responsive

b)

Hai thuộc tính CSS dùng để tạo hiệu ứng 3D

c)

Hai loại máy in 3D

d)

Hai ngôn ngữ lập trình web phổ biến

8.

Đâu là một lợi ích của việc sử dụng Flexbox trong CSS?

a)

Dễ dàng sắp xếp các phần tử theo hướng dọc và ngang

b)

Không cần phải viết CSS

c)

Không tương thích với các trình duyệt cũ

d)

Chỉ hoạt động trên điện thoại di động

9.

Khi sử dụng CSS Grid, làm thế nào để xác định số lượng cột trong một hàng?

a)

Sử dụng thuộc tính grid-rows

b)

Sử dụng thuộc tính grid-columns

c)

Sử dụng thuộc tính grid-template-columns

d)

Không thể xác định số lượng cột trong một hàng khi sử dụng CSS Grid.

10.

Reponsive thường là trên bao nhiêu thiết bị ?

a)

5

b)

2

c)

3

d)

4