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