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 đánh giá chính xác mức độ hiểu bài thông qua dạng bài tập quen thuộc thường gặp trong đề thi. Các câu hỏi được phân bổ hợp lý theo mức độ nhận thức giúp bạn tiếp cận kiến thức từng bước. Đặc biệt phù hợp với học sinh muốn cải thiện điểm số. Thông qua quá trình làm bài, bạn có thể điều chỉnh phương pháp học tập cho phù hợp. Điều này giúp việc học trở nên tiết kiệm thời gian hơn.
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: Mã HEX rút gọn '#FFF' tương đương với mã HEX đầy đủ nào?
- - #F0F0F0
- - #FFFFFF
- - #FFF000
- - #000FFF
Câu 2: 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 3: Màu trắng có thể được biểu diễn bằng cách nào sau đây trong CSS?
- - rgb(0, 0, 0)
- - #000
- - rgb(255, 255, 255)
- - rgba(255, 255, 255, 0)
Câu 4: Hàm 'rgb(0, 0, 0)' sẽ tạo ra màu gì?
- - Trắng
- - Trong suốt
- - Xám
- - Đen
Câu 5: Đâ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 6: Giá trị thập phân của thành phần màu 'FF' trong mã HEX là gì?
- - 15
- - 16
- - 255
- - 256
Câu 7: 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 8: Ưu điểm chính của việc sử dụng tên màu (ví dụ: 'blue', 'green') trong CSS là gì?
- - Cung cấp nhiều lựa chọn màu sắc hơn HEX hoặc RGB
- - Dễ đọc, dễ nhớ và phù hợp cho các màu cơ bản hoặc khi tạo mẫu nhanh
- - Hiển thị màu sắc chính xác hơn trên mọi màn hình
- - Giúp trang web tải nhanh hơn đáng kể
Câu 9: Trong hệ màu RGB, giá trị tối đa cho mỗi thành phần màu (Đỏ, Lục, Lam) là bao nhiêu?
- - 100
- - 256
- - 255
- - 1
Câu 10: Để tạo một dải màu chuyển sắc tuyến tính từ đỏ sang vàng làm nền, bạn có thể sử dụng giá trị nào cho thuộc tính 'background'?
- - color-gradient(red, yellow)
- - gradient: red, yellow;
- - linear-gradient(to right, red, yellow)
- - background-image: red-to-yellow
Câu 11: Nếu bạn muốn chữ có màu vàng và nền có màu đen cho một thẻ 'h1', cách viết nào sau đây là đúng?
- - h1 { color: black; background-color: yellow; }
- - h1 { color: yellow, background-color: black; }
- - h1 { color: yellow; background-color: black; }
- - h1 { text: yellow; background: black; }
Câu 12: Đâu là cách biểu diễn màu đỏ thuần khiết bằng hàm 'rgb()'?
- - rgb(255, 255, 255)
- - rgb(0, 0, 0)
- - rgb(255, 0, 0)
- - rgb(0, 255, 0)
Câu 13: Để thiết lập màu nền cho một phần tử HTML, bạn sẽ sử dụng thuộc tính CSS nào?
- - bgcolor
- - color
- - background-color
- - background
Câu 14: 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 15: Đị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 16: Đoạn mã CSS nào sau đây sẽ làm cho tất cả các thẻ 'p' (đoạn văn) có chữ màu đỏ?
- - p { text-color: red; }
- - p { color: red; }
- - p { background-color: red; }
- - paragraph { color: red; }
Câu 17: 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 18: Sự khác biệt chính giữa việc sử dụng 'opacity: 0.5' và màu 'rgba(..., ..., ..., 0.5)' là gì?
- - Không có sự khác biệt nào, chúng hoàn toàn giống nhau
- - 'opacity' làm trong suốt cả phần tử và nội dung bên trong, còn 'rgba' chỉ làm trong suốt màu nền hoặc màu chữ
- - 'rgba' chỉ hoạt động trên ảnh nền, còn 'opacity' hoạt động trên màu nền
- - 'opacity' là thuộc tính cũ, không còn được sử dụng
Câu 19: Tại sao việc chọn màu chữ và màu nền có độ tương phản cao lại quan trọng trong thiết kế web?
- - Để làm cho trang web tải nhanh hơn
- - Để cải thiện khả năng đọc và tiếp cận cho người dùng, đặc biệt là người có thị lực kém
- - Để mã CSS trông chuyên nghiệp hơn
- - Vì đó là yêu cầu bắt buộc của tất cả các trình duyệt
Câu 20: 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 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: 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 23: Giá trị 'transparent' cho thuộc tính 'background-color' có ý nghĩa gì?
- - Làm cho nền có màu trắng
- - Làm cho nền hoàn toàn trong suốt, cho phép nhìn thấy nền của phần tử cha
- - Làm cho nền có màu xám nhạt
- - Gây ra lỗi vì đây là giá trị không hợp lệ
Câu 24: Mã HEX '#FF0000' tương ứng với màu nào?
- - Xanh lam
- - Xanh lục
- - Vàng
- - Đỏ
Câu 25: Ký tự 'A' trong hệ màu RGBA đại diện cho điều gì?
- - Animation (Hoạt ảnh)
- - Alpha (Độ trong suốt)
- - Attribute (Thuộc tính)
- - Adjust (Điều chỉnh)