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

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

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

Câu 1: Trong CSS, độ ưu tiên (specificity) của bộ chọn 'li.item' được tính như thế nào?

Câu 2: Đơn vị 'rem' trong CSS được tính toán dựa trên giá trị của yếu tố nào?

Câu 3: Khi sử dụng 'box-sizing: border-box', chiều rộng (width) của phần tử bao gồm những thành phần nào?

Câu 4: Trong Flexbox, thuộc tính nào được dùng để căn chỉnh các mục dọc theo trục chính (main axis)?

Câu 5: Đơn vị 'fr' trong CSS Grid Layout đại diện cho điều gì?

Câu 6: Khi một phần tử có thuộc tính 'position: absolute', nó sẽ được định vị tương đối so với phần tử nào?

Câu 7: Thuộc tính 'z-index' chỉ có tác dụng khi phần tử thỏa mãn điều kiện nào?

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

Câu 9: Hiện tượng 'Margin Collapse' (Gộp lề) trong CSS thường xảy ra trong trường hợp nào?

Câu 10: Trong Media Query, điều kiện 'min-width: 768px' có ý nghĩa gì?

Câu 11: Thuộc tính 'content' thường được sử dụng cùng với những bộ chọn nào?

Câu 12: Bộ chọn ':nth-child(2n)' sẽ chọn những phần tử nào trong một danh sách?

Câu 13: Nếu một phần tử cha có 'font-size: 20px' và phần tử con có 'font-size: 1.5em', thì kích thước phông chữ của phần tử con là bao nhiêu?

Câu 14: Thuộc tính CSS nào được sử dụng để di chuyển một phần tử sang phải 50px mà không ảnh hưởng đến vị trí của các phần tử khác xung quanh?

Câu 15: Thứ tự chính xác của các giá trị trong thuộc tính 'box-shadow' là gì?

Câu 16: Để tạo hiệu ứng chuyển động mượt mà khi thay đổi màu nền, ta nên sử dụng thuộc tính nào?

Câu 17: Thuộc tính 'overflow: hidden' có tác dụng gì đối với một phần tử khối?

Câu 18: Khi muốn một hình nền bao phủ toàn bộ vùng chứa mà vẫn giữ nguyên tỷ lệ hình ảnh, ta dùng giá trị nào?

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

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

Câu 21: Sự khác biệt giữa 'opacity: 0.5' và màu sắc có giá trị 'rgba(0, 0, 0, 0.5)' là gì?

Câu 22: Trong Flexbox, thuộc tính 'flex-wrap: wrap' có tác dụng gì?

Câu 23: Thuộc tính nào trong CSS Grid Layout được dùng để tạo khoảng cách giữa các hàng và các cột?

Câu 24: Bộ chọn thuộc tính '[href^="https"]' sẽ chọn những phần tử nào?

Câu 25: Thuộc tính 'white-space: nowrap' có hiệu ứng gì lên văn bản?