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: 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 2: Đâ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 3: Hàm 'rgb(0, 0, 0)' sẽ tạo ra màu gì?
- - Trắng
- - Trong suốt
- - Xám
- - Đen
Câu 4: 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 5: 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 6: 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 7: 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 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: Đâ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 10: Mã HEX '#FF0000' tương ứng với màu nào?
- - Xanh lam
- - Xanh lục
- - Vàng
- - Đỏ
Câu 11: 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)
Câu 12: 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 13: Đị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 14: Để 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 15: 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 16: 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 17: Ư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 18: 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 19: 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 20: Để 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 21: Đ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 22: 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 23: 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 24: Mã HEX rút gọn '#FFF' tương đương với mã HEX đầy đủ nào?
- - #F0F0F0
- - #FFFFFF
- - #FFF000
- - #000FFF
Câu 25: Mã HEX '#000000' đại diện cho màu gì?
- - Màu trắng
- - Màu đỏ
- - Màu xám
- - Màu đen