30+ câu hỏi trắc nghiệm Thuộc tính Màu sắc, Nền trong CSS

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!


HTML, CSS và Javascript

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?

A. Đỏ
B. Vàng
C. Tím
D. Cam

30. Đâu là giá trị hex code đại diện cho màu trắng?

A. #000000
B. #FFFFFF
C. #FF0000
D. #00FF00

1 / 30

Xem thêm:  Bộ 30+ câu hỏi trắc nghiệm Tạo bảng (Table) trong HTML

1. Thuộc tính CSS nào kiểm soát cách hình ảnh nền lặp lại?

2 / 30

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?

3 / 30

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)?

4 / 30

4. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng chuyển màu nền?

5 / 30

5. Màu nào thường được coi là màu bổ sung của màu xanh lam?

6 / 30

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?

7 / 30

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?

8 / 30

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?

9 / 30

10 / 30

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?

11 / 30

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?

12 / 30

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?

13 / 30

13. Thuộc tính CSS nào được sử dụng để tạo hiệu ứng mờ cho nền?

14 / 30

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?

15 / 30

15. Giá trị RGB nào đại diện cho màu đen?

16 / 30

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?

17 / 30

17. Màu nào thường liên quan đến sự sang trọng và giàu có?

18 / 30

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?

19 / 30

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ử?

20 / 30

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?

21 / 30

Xem thêm:  Bộ 30+ câu hỏi trắc nghiệm CSS online có đáp án - Bộ số 2

21. Thuộc tính CSS `background-size: cover` có tác dụng gì?

22 / 30

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?

23 / 30

23. Màu nào thường được liên kết với sự sáng tạo và năng lượng?

24 / 30

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?

25 / 30

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?

26 / 30

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?

27 / 30

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)?

28 / 30

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?

29 / 30

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 / 30

30. Đâu là giá trị hex code đại diện cho màu trắng?

Xếp hạng bài viết

Võ Việt Hoàng SEO

Xin chào! Tôi là Võ Việt Hoàng (Võ Việt Hoàng SEO) là một SEOer, Founder SEO Genz – Cộng Đồng Học Tập SEO, Tác giả của Voviethoang.top (Blog cá nhân của Võ Việt Hoàng - Trang chuyên chia sẻ các kiến thức về SEO, Marketing cùng với các mẹo, thủ thuật hay,...)

Bài Viết Cùng Chủ Đề