Trắc nghiệm Khoa học máy tính 12 Kết nối bài 15: Tạo màu cho chữ và nền giúp bạn rèn luyện phản xạ làm bài hiệu quả thông qua bộ bài tập bám sát thực tế.
Trắc nghiệm Khoa học máy tính 12 Kết nối bài 15: Tạo màu cho chữ và nền
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Cặp thuộc tính và giá trị nào sau đây sẽ làm cho chữ của thẻ 'h2' có màu xanh và nền màu vàng?
- - color: yellow; background: blue;
- - text-color: blue; background-color: yellow;
- - color: blue; background-color: yellow;
- - color: blue; fill: yellow;
Câu 2: Mã màu 'rgb(0, 0, 0)' và 'rgba(0, 0, 0, 1)' khác nhau ở điểm nào?
- - Chúng không có sự khác biệt nào về hiển thị
- - 'rgba(0, 0, 0, 1)' có màu sáng hơn
- - 'rgb(0, 0, 0)' hoàn toàn trong suốt
- - Một cái là màu đen, một cái là màu trắng
Câu 3: Đoạn mã CSS `p { color: #f0c; }` tương đương với mã HEX 6 ký tự nào sau đây?
- - #ff00cc
- - #f0f0c0
- - #ff00c0
- - #f00fcc
Câu 4: Mã HEX '#000000' đại diện cho màu gì?
- - Màu trắng
- - Màu đỏ
- - Màu xám
- - Màu đen
Câu 5: Cách viết rút gọn cho mã màu HEX '#FF00CC' là gì?
- - #F0C
- - #FCC
- - Không thể rút gọn được
- - #FOC
Câu 6: Giá trị 'rgba(0, 255, 0, 0.5)' biểu thị màu gì?
- - Màu xanh lá cây đục hoàn toàn
- - Màu xanh dương trong suốt 50%
- - Màu xanh lá cây trong suốt 50%
- - Màu đỏ trong suốt 50%
Câu 7: Cách viết mã Hex rút gọn của #FFFFFF là gì?
- - #FFF
- - #111
- - #ABC
- - #WWW
Câu 8: Cú pháp CSS nào sau đây dùng để đặt màu nền của một phần tử có 'id' là 'header' thành màu xanh lam?
- - #header { background-color: blue; }
- - .header { background-color: blue; }
- - header { background-color: blue; }
- - id:header { background-color: blue; }
Câu 9: Bộ chọn CSS nào có độ ưu tiên (specificity) cao nhất trong việc áp dụng quy tắc màu sắc?
- - Bộ chọn thẻ (ví dụ: `p`)
- - Bộ chọn lớp (ví dụ: `.my-class`)
- - Bộ chọn ID (ví dụ: `#my-id`)
- - Style nội tuyến (thuộc tính `style`)
Câu 10: Trong `rgb(50, 150, 200)`, con số 150 đại diện cho cường độ của màu nào?
- - Đỏ (Red)
- - Xanh lá (Green)
- - Xanh dương (Blue)
- - Độ trong suốt (Alpha)
Câu 11: Để thiết lập màu nền cho một phần tử HTML, ta sử dụng thuộc tính nào?
- - background-color
- - bgcolor
- - color-background
- - set-background
Câu 12: Đâu là một giá trị KHÔNG hợp lệ cho thuộc tính 'background-color'?
- - #ABC
- - rgb(0, 255, 128)
- - red
- - color(255, 0, 0)
Câu 13: Trong hàm 'rgba(50, 150, 200, 0.2)', giá trị '0.2' biểu thị điều gì?
- - Độ bão hòa màu là 20%
- - Độ sáng của màu là 20%
- - Màu có độ trong suốt là 80% (độ mờ 20%)
- - Màu được pha trộn với 20% màu xám
Câu 14: Tại sao việc sử dụng màu chữ có độ tương phản thấp với màu nền lại không được khuyến khích trong thiết kế web?
- - Vì nó làm trang web tải chậm hơn
- - Vì nó gây khó khăn cho người đọc, đặc biệt là người có thị lực kém
- - Vì các trình duyệt cũ không hỗ trợ màu tương phản thấp
- - Vì nó làm tăng dung lượng tệp CSS
Câu 15: CSS rule nào sau đây áp dụng màu chữ xanh cho tất cả các phần tử có class là 'info'?
- - #info { color: green; }
- - info { color: green; }
- - class.info { color: green; }
- - .info { color: green; }
Câu 16: Hàm màu rgb(255, 0, 0) tạo ra màu gì?
- - Xanh dương
- - Đỏ
- - Xanh lá
- - Đen
Câu 17: Ký tự '#' đứng trước mã màu HEX có ý nghĩa gì?
- - Chỉ ra rằng đây là một màu quan trọng, cần ưu tiên
- - Chỉ ra rằng đây là màu dành cho chữ, không phải nền
- - Là một quy ước bắt buộc để trình duyệt nhận diện đây là một giá trị màu HEX
- - Là một gợi ý cho trình duyệt, có thể bỏ qua
Câu 18: Làm thế nào để thiết lập một màu nền màu xanh lục, bán trong suốt (50%) cho một phần tử 'div'?
- - div { background-color: rgb(0, 255, 0); opacity: 0.5; }
- - div { background-color: rgba(0, 255, 0, 0.5); }
- - div { background-color: rgb(0, 255, 0, 50%); }
- - div { background: transparent-green; }
Câu 19: Trong CSS, nếu một thẻ 'p' nằm trong một thẻ 'div' có 'color: blue;', và thẻ 'p' không có khai báo màu riêng, chữ trong thẻ 'p' sẽ có màu gì?
- - Màu đen (mặc định của trình duyệt)
- - Màu xanh lam (kế thừa từ thẻ div)
- - Không có màu
- - Màu trắng
Câu 20: Đâu là cú pháp đúng để đặt màu chữ của tất cả các thẻ `` thành màu xanh dương?
- - h1 { text-color: blue; }
- - h1.color = 'blue';
- -
{ color: blue; }
- - h1 { color: blue; }
Câu 21: Trong CSS, thuộc tính nào được sử dụng để thay đổi màu của văn bản?
- - text-color
- - font-color
- - color
- - background-color
Câu 22: Để đặt màu nền cho thẻ 'body' của trang web thành màu đen, ta sử dụng quy tắc CSS nào?
- - body { color: black; }
- - body { background-color: #FFFFFF; }
- - body { background-color: #000000; }
- - body.background-color: black;
Câu 23: Mục đích chính của việc sử dụng hệ màu RGBA thay vì RGB là gì?
- - Để tạo ra nhiều màu sắc hơn
- - Để điều khiển độ trong suốt của màu
- - Để tăng tốc độ tải trang
- - Để tương thích với các trình duyệt cũ
Câu 24: Nếu một thẻ 'p' được định nghĩa 'color: blue;' trong file CSS và có style nội tuyến 'style="color: red;"', chữ sẽ có màu gì?
- - Màu xanh dương (blue)
- - Màu đỏ (red)
- - Trình duyệt sẽ báo lỗi
- - Màu đen mặc định
Câu 25: Định dạng màu nào sau đây sử dụng ký hiệu thăng (#) theo sau là 6 ký tự thập lục phân?
- - RGB
- - HEX
- - RGBA
- - HSL