Quay lại danh mục Trắc nghiệm CSS

Bộ 11 - Trắc nghiệm CSS online có đáp án

Thời gian còn lại: --:--

Câu 1: Trong CSS, bộ chọn (selector) nào sau đây có trọng số ưu tiên (specificity) cao nhất theo tiêu chuẩn của W3C?

Câu 2: Thuộc tính 'box-sizing: border-box' có tác dụng gì đối với việc tính toán kích thước của một phần tử?

Câu 3: Để căn giữa các phần tử con theo trục chính (main axis) trong một container đang sử dụng 'display: flex', bạn sử dụng thuộc tính nào?

Câu 4: Đơn vị 'rem' trong CSS được tính toán dựa trên giá trị kích thước phông chữ của thành phần nào?

Câu 5: Một phần tử có 'position: absolute' sẽ được định vị tương đối so với đối tượng nào sau đây?

Câu 6: Để tạo ra một bố cục Grid có 3 cột với độ rộng bằng nhau, cú pháp nào sau đây là chính xác nhất?

Câu 7: Thuộc tính 'z-index' chỉ có tác dụng khi phần tử đó được thiết lập thuộc tính 'position' nào?

Câu 8: Sự khác biệt chính giữa 'display: none' và 'visibility: hidden' là gì?

Câu 9: Cách khai báo một biến CSS (Custom Property) nào sau đây là đúng quy tắc?

Câu 10: Để chèn nội dung vào trước một phần tử bằng CSS mà không thay đổi HTML, bạn sử dụng thành phần nào?

Câu 11: Thuộc tính nào dùng để điều chỉnh hình nền sao cho nó bao phủ toàn bộ vùng chứa mà không làm biến dạng tỷ lệ?

Câu 12: Khi sử dụng thuộc tính 'transition', thông số nào sau đây là bắt buộc phải có để hiệu ứng có thể hoạt động?

Câu 13: Hàm 'calc()' trong CSS thường được sử dụng để làm gì?

Câu 14: Thuộc tính 'overflow: auto' có hành vi như thế nào khi nội dung vượt quá kích thước phần tử?

Câu 15: Cú pháp nào sau đây dùng để chọn tất cả các thẻ 'input' có thuộc tính 'type' là 'checkbox'?

Câu 16: Trong quy tắc Cascade của CSS, từ khóa nào có thể được thêm vào sau một giá trị thuộc tính để nó có mức ưu tiên cao nhất?

Câu 17: Thuộc tính 'column-count' trong CSS được sử dụng để thực hiện công việc gì?

Câu 18: Thuộc tính 'object-fit' thường được sử dụng cho các phần tử nào để kiểm soát cách chúng co giãn trong khung chứa?

Câu 19: Để tạo hiệu ứng làm mờ (blur) cho một phần tử bằng CSS, bạn sử dụng thuộc tính nào?

Câu 20: Trong Media Queries, điều kiện '(orientation: landscape)' dùng để nhắm mục tiêu đến các thiết bị có trạng thái như thế nào?

Câu 21: Sử dụng 'transform: translate(-50%, -50%)' kết hợp với 'top: 50%; left: 50%;' nhằm mục đích phổ biến nhất là gì?

Câu 22: Thứ tự các giá trị trong thuộc tính 'box-shadow: 5px 10px 8px #888888;' lần lượt đại diện cho điều gì?

Câu 23: Tại sao người ta thường dùng giá trị màu RGBA thay vì thuộc tính 'opacity' khi muốn tạo nền trong suốt cho một phần tử?

Câu 24: Để xếp các phần tử con trong một Flex Container theo chiều dọc từ trên xuống dưới, bạn thiết lập thuộc tính nào?

Câu 25: Bộ chọn ':last-child' sẽ chọn phần tử nào trong các trường hợp sau?