Kiểm tra CSS nâng cao

Đư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 23, 2024 | |

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

• AEO là gì? Liệu bạn đã hiểu rõ sự khác nhau giữa GEO và AEO?

• Cá nhân có đăng ký được tên miền .vn không? Phân biệt rõ cá nhân và tổ chức khi đăng ký domain Việt Nam

• Thông báo thay đổi điều kiện đăng ký và duy trì tên miền .edu.vn từ ngày 10/02/2026

• Doanh nghiệp đang chết dần vì website không tạo ra dữ liệu – Bạn có đang nằm trong số đó?

• Cách AI lựa chọn nguồn thông tin và ảnh hưởng đến Website doanh nghiệp