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: Để 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 2: 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 3: Hàm màu rgb(255, 0, 0) tạo ra màu gì?
- - Xanh dương
- - Đỏ
- - Xanh lá
- - Đen
Câu 4: 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 5: 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 6: 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 7: Để đặ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 8: 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 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: 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 11: 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 12: 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 13: 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 14: 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 15: 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 16: 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 17: 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 18: Đị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
Câu 19: Đâ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 20: Đâ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 21: 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 22: Đ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 23: 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 24: Cách viết mã Hex rút gọn của #FFFFFF là gì?
- - #FFF
- - #111
- - #ABC
- - #WWW
Câu 25: 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