Bộ 30+ câu hỏi trắc nghiệm Thuộc tính Màu sắc và Nền (Color, Background) trong CSS
Bộ 30+ câu hỏi trắc nghiệm Thuộc tính Màu sắc và Nền (Color, Background) trong CSS. Cùng rèn luyện kiến thức CSS online ngay nhé.
1. Thuộc tính CSS nào kiểm soát cách hình ảnh nền lặp lại?
A. background-size
B. background-position
C. background-repeat
D. background-attachment
2. Thuộc tính CSS nào được sử dụng để làm cho hình ảnh nền cố định và không cuộn cùng với nội dung trang?
A. background-size
B. background-repeat
C. background-position
D. background-attachment
3. Khi nào nên sử dụng hình ảnh nền SVG thay vì hình ảnh raster (ví dụ JPEG, PNG)?
A. Khi cần hình ảnh có độ phân giải cao trên mọi kích thước màn hình
B. Khi cần hình ảnh có kích thước tệp nhỏ hơn
C. Khi cần hình ảnh có thể dễ dàng chỉnh sửa bằng CSS
D. Tất cả các đáp án trên
4. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng chuyển màu nền?
A. background-color
B. background-image
C. gradient
D. transition
5. Màu nào thường được coi là màu bổ sung của màu xanh lam?
A. Xanh lá cây
B. Đỏ
C. Vàng
D. Tím
6. Trong tâm lý học màu sắc, màu nào thường liên quan đến sự tin cậy và ổn định?
A. Đỏ
B. Vàng
C. Xanh lam
D. Xanh lá cây
7. Thuộc tính CSS nào được sử dụng để chỉ định vị trí ban đầu của hình ảnh nền?
A. background-size
B. background-repeat
C. background-position
D. background-attachment
8. Đâu là hạn chế của việc sử dụng hình ảnh nền có kích thước lớn trong thiết kế web?
A. Giảm tốc độ tải trang
B. Ảnh hưởng đến khả năng đáp ứng
C. Gây khó khăn cho việc bảo trì
D. Cả ba đáp án trên
9. Thuộc tính CSS nào được sử dụng để tạo nhiều hình nền cho một phần tử?
A. background-image
B. background-color
C. background
D. multiple-backgrounds
10. Thuộc tính CSS nào được sử dụng để thêm hình ảnh nền vào một phần tử HTML?
A. background-color
B. background-image
C. color
D. image
11. Màu nào thường được liên kết với sự năng động, nhiệt huyết và sự tự tin?
A. Đỏ
B. Vàng
C. Xanh lam
D. Xanh lá cây
12. Trong thiết kế giao diện người dùng, màu nào thường được sử dụng để biểu thị thành công hoặc thông tin?
A. Đỏ
B. Vàng
C. Xanh lá cây
D. Xanh lam
13. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng mờ cho nền?
A. opacity
B. filter: blur()
C. background-color: rgba()
D. backdrop-filter: blur()
14. Trong thiết kế web, độ tương phản màu nào được coi là quan trọng nhất để đảm bảo khả năng đọc?
A. Độ tương phản giữa màu chữ và màu nền
B. Độ tương phản giữa các màu sắc khác nhau trong hình ảnh
C. Độ tương phản giữa các phần tử khác nhau trên trang
D. Độ tương phản giữa các loại phông chữ khác nhau
15. Giá trị RGB nào đại diện cho màu đen?
A. rgb(255, 255, 255)
B. rgb(0, 0, 0)
C. rgb(255, 0, 0)
D. rgb(0, 255, 0)
16. Trong thiết kế giao diện người dùng, màu nào thường được sử dụng để biểu thị thông báo lỗi hoặc cảnh báo?
A. Xanh lá cây
B. Xanh lam
C. Vàng
D. Đỏ
17. Màu nào thường liên quan đến sự sang trọng và giàu có?
A. Vàng
B. Bạc
C. Đen
D. Trắng
18. Đâu là lợi ích của việc sử dụng màu sắc tương phản trong thiết kế web?
A. Giảm sự mỏi mắt
B. Tăng khả năng đọc
C. Tạo sự hài hòa về mặt thị giác
D. Cả ba đáp án trên
19. Thuộc tính CSS nào được sử dụng để kiểm soát cách hình ảnh nền mở rộng hoặc thu nhỏ để phù hợp với kích thước của phần tử?
A. background-position
B. background-repeat
C. background-size
D. background-origin
20. Làm thế nào để bạn chỉ định màu sắc trong CSS bằng cách sử dụng giá trị HSL?
A. hsl(hue, saturation, lightness)
B. rgb(red, green, blue)
C. hex code
D. color name
21. Thuộc tính CSS `background-size: cover` có tác dụng gì?
A. Lặp lại hình ảnh nền để bao phủ toàn bộ phần tử
B. Thay đổi kích thước hình ảnh nền để bao phủ toàn bộ phần tử, có thể cắt xén hình ảnh
C. Đặt kích thước hình ảnh nền thành kích thước ban đầu
D. Không hiển thị hình ảnh nền
22. Màu nào thường liên quan đến thiên nhiên, sự tăng trưởng và sức khỏe?
A. Đỏ
B. Vàng
C. Xanh lam
D. Xanh lá cây
23. Màu nào thường được liên kết với sự sáng tạo và năng lượng?
A. Xanh lam
B. Xanh lá cây
C. Cam
D. Tím
24. Thuộc tính CSS nào cho phép bạn chỉ định một hình ảnh nền khác nhau cho các kích thước màn hình khác nhau?
A. background-image
B. media queries
C. background-size
D. background-position
25. Đâu là một ví dụ về việc sử dụng màu sắc để cải thiện trải nghiệm người dùng trong thiết kế web?
A. Sử dụng màu sắc tương phản để làm nổi bật các nút kêu gọi hành động
B. Sử dụng màu sắc nhất quán để tạo sự nhận diện thương hiệu
C. Sử dụng màu sắc để hướng dẫn người dùng qua các bước của một quy trình
D. Tất cả các đáp án trên
26. Thuộc tính CSS nào cho phép bạn tạo hiệu ứng chuyển động mượt mà giữa các màu nền khác nhau?
A. transition
B. animation
C. transform
D. filter
27. Thuộc tính CSS nào được sử dụng để đặt một hình ảnh nền chỉ hiển thị trong khu vực nội dung của một phần tử (không bao gồm padding, border và margin)?
A. background-size
B. background-repeat
C. background-position
D. background-origin
28. Thuộc tính CSS nào được sử dụng để thay đổi màu nền của một phần tử HTML?
A. text-color
B. font-color
C. background-color
D. color
29. Màu nào thường được liên kết với sự hòa bình, yên tĩnh và tâm linh?
30. Đâu là giá trị hex code đại diện cho màu trắng?
A. #000000
B. #FFFFFF
C. #FF0000
D. #00FF00