Đưa Kỹ Năng CSS Lên Một Tầm Cao Mới!
Bài thì Kiểm tra CSS nâng cao

Câu 1: Thuộc tính CSS nào được sử dụng để tạo bố cục một chiều (hàng hoặc cột)?

A) grid

B) flexbox

C) float

D) inline-block

None

Câu 2: Trong CSS Grid, thuộc tính nào xác định số lượng cột và kích thước của chúng?

A) grid-rows

B) grid-template-rows

C) grid-template-columns

D) grid-gap

None

Câu 3: Để áp dụng hiệu ứng chuyển động mượt mà cho một phần tử khi thay đổi thuộc tính, bạn sử dụng:

A) animation

B) transition

C) transform

D) keyframes

None

Câu 4: Câu nào sau đây mô tả đúng về thuộc tính z-index?

A) Xác định độ trong suốt của một phần tử.

B) Kiểm soát thứ tự lớp (layer) của các phần tử.

C) Đặt khoảng cách giữa các phần tử.

D) Tạo bóng cho phần tử.

None

Câu 5: Giá trị nào dưới đây của position sẽ giữ phần tử tại một vị trí cố định khi cuộn trang?

A) relative

B) absolute

C) fixed

D) sticky

None

Câu 6: Cú pháp nào đúng để thay đổi kích thước font chữ linh hoạt theo kích thước màn hình?

A) font-size: auto;

B) font-size: clamp(1rem, 2vw, 2rem);

C) font-size: fit-content;

D) font-size: responsive;

None

Câu 7: Trong Flexbox, thuộc tính justify-content: space-between; có tác dụng gì?

A) Căn đều các phần tử và khoảng cách bằng nhau ở hai đầu.

B) Căn giữa tất cả các phần tử.

C) Căn đều các phần tử với khoảng cách giữa các phần tử bằng nhau.

D) Căn các phần tử sang bên phải.

None

Câu 8: Để tạo một gradient từ màu đỏ sang màu xanh theo đường chéo, cú pháp nào là đúng?

A) background: radial-gradient(red, blue);

B) background: linear-gradient(to bottom, red, blue);

C) background: linear-gradient(to bottom right, red, blue);

D) background: diagonal-gradient(red, blue);

None

Câu 9: CSS nào dưới đây được sử dụng để thêm hiệu ứng bóng vào một phần tử?

A) border-shadow

B) box-shadow

C) shadow-effect

D) text-shadow

None

Câu 10: Trong CSS, làm thế nào để chọn tất cả các phần tử có thuộc tính data-role="admin"?

A) div[data-role=admin]

B) div[data-role="admin"]

C) [div-role=admin]

D) [data-role]

None

Time's up

Đăng bởi thangtbay | Tháng mười một 27, 2024 | |

Thiết kế website 366

Kiểm Tra Thi Trắc Nghiệm Online CSS Nâng Cao

400 490 500

• Bài viết cùng chủ đề

• Kiểm Tra Thi Trắc Nghiệm Online về ALT thẻ IMG trong SEO hình ảnh Google

• Kiểm Tra Thi Trắc Nghiệm Online về LIÊN KẾT VÀ ĐIỀU HƯỚNG TRONG HTML

• Kiểm Tra Thi Trắc Nghiệm Online về Bảo mật và pháp lý liên quan đến tên miền

• Kiểm Tra Thi Trắc Nghiệm Online về DNS và hệ thống phân giải tên miền