Trắc nghiệm Tin học 12 Kết nối tri thức Bài 15: Tạo màu cho chữ và nền - Đề 07 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Trong CSS, bạn muốn thiết lập màu chữ cho một đoạn văn bản. Thuộc tính nào sau đây được sử dụng cho mục đích này?
- A. background-color
- B. color
- C. font-color
- D. text-color
Câu 2: Hệ màu RGB biểu diễn màu sắc bằng cách kết hợp cường độ của ba màu cơ bản. Ba màu đó là gì?
- A. Cyan, Magenta, Yellow
- B. Hue, Saturation, Lightness
- C. Red, Green, Blue
- D. Black, White, Gray
Câu 3: Mã màu HEX `#00FF00` đại diện cho màu gì?
- A. Xanh lá cây (Green)
- B. Đỏ (Red)
- C. Xanh dương (Blue)
- D. Đen (Black)
Câu 4: Hệ màu HSL mô tả màu sắc dựa trên ba thành phần: Sắc độ (Hue), Độ bão hòa (Saturation), và Độ sáng (Lightness). Thành phần nào xác định "màu" cơ bản trên vòng tròn màu (ví dụ: đỏ, vàng, xanh dương)?
- A. Hue
- B. Saturation
- C. Lightness
- D. Alpha
Câu 5: Bạn có đoạn mã CSS sau: `p { background-color: yellow; }`. Đoạn mã này sẽ áp dụng màu nền vàng cho phần tử nào trong tài liệu HTML?
- A. Tất cả các tiêu đề h1
- B. Tất cả các liên kết a
- C. Chỉ đoạn văn bản đầu tiên
- D. Tất cả các đoạn văn bản p
Câu 6: Giả sử bạn có một phần tử `div` chứa một phần tử `p` bên trong. Bạn muốn đặt màu chữ màu xanh cho chỉ phần tử `p` đó. Bộ chọn CSS nào sau đây là phù hợp nhất?
- A. div { color: blue; }
- B. p { color: blue; }
- C. div p { color: blue; }
- D. * { color: blue; }
Câu 7: Giá trị `rgb(255, 0, 0)` trong CSS đại diện cho màu gì?
- A. Màu xanh lá cây
- B. Màu đỏ
- C. Màu xanh dương
- D. Màu trắng
Câu 8: Thuộc tính CSS nào sau đây thường có tính kế thừa từ phần tử cha xuống phần tử con?
- A. color
- B. background-color
- C. border
- D. margin
Câu 9: Bạn muốn đặt màu nền cho toàn bộ trang web. Bộ chọn CSS nào sau đây sẽ nhắm mục tiêu đến phần tử gốc của tài liệu HTML?
- A. *
- B. body
- C. html
- D. page
Câu 10: Mã màu HEX `#FFFFFF` đại diện cho màu gì?
- A. Đen
- B. Xám
- C. Đỏ
- D. Trắng
Câu 11: Trong hệ màu HSL, giá trị Lightness (Độ sáng) bằng 0% sẽ luôn cho ra màu gì, bất kể giá trị Hue và Saturation là bao nhiêu?
- A. Đen
- B. Trắng
- C. Xám
- D. Màu gốc (Hue)
Câu 12: Bạn có một phần tử `div` và một phần tử `p` là con trực tiếp của `div`. Bạn muốn đặt màu nền xanh cho chỉ phần tử `p` đó. Đoạn mã CSS nào sau đây là chính xác?
- A. div > p { background-color: blue; }
- B. div p { background-color: blue; }
- C. p { background-color: blue; }
- D. div + p { background-color: blue; }
Câu 13: Giá trị `hsl(120, 100%, 50%)` trong CSS đại diện cho màu gì?
- A. Đỏ tươi
- B. Xanh dương tươi
- C. Xanh lá cây tươi
- D. Vàng tươi
Câu 14: Bạn có đoạn mã HTML `
Đây là đoạn văn bản quan trọng.
`. Nếu bạn áp dụng CSS `p { color: red; }` và `strong { color: blue; }`, màu chữ của từ
- A. Đỏ (red)
- B. Xanh dương (blue)
- C. Màu mặc định
- D. Cả đỏ và xanh dương
Câu 15: Để tạo màu xám nhạt bằng mã HEX, bạn có thể sử dụng giá trị nào sau đây?
- A. #000000
- B. #FF0000
- C. #CCCCCC
- D. #0000FF
Câu 16: Thuộc tính `background-color` có tính kế thừa không? Nếu không, điều đó có ý nghĩa gì đối với các phần tử con?
- A. Không kế thừa. Phần tử con sẽ không tự động có cùng màu nền với phần tử cha.
- B. Có kế thừa. Phần tử con sẽ tự động có cùng màu nền với phần tử cha.
- C. Chỉ kế thừa đối với một số phần tử con nhất định.
- D. Kế thừa, nhưng chỉ khi không có màu nền được định nghĩa riêng cho phần tử con.
Câu 17: Bạn sử dụng mã màu `rgb(0, 0, 255)`. Đây là màu gì?
- A. Đỏ
- B. Xanh lá cây
- C. Vàng
- D. Xanh dương
Câu 18: Mã màu HEX `#FF00FF` đại diện cho màu gì? (Gợi ý: F=15 trong hệ thập lục phân)
- A. Vàng (Yellow)
- B. Hồng/Tím (Magenta)
- C. Xanh ngọc (Cyan)
- D. Xám (Gray)
Câu 19: Trong hệ màu HSL, giá trị Saturation (Độ bão hòa) bằng 0% sẽ cho ra màu gì, bất kể giá trị Hue là bao nhiêu (trừ khi Lightness là 0% hoặc 100%)?
- A. Màu tươi nhất
- B. Màu tối nhất
- C. Màu xám (grayscale)
- D. Màu trắng
Câu 20: Bạn có đoạn mã HTML `
Đoạn 1
Đoạn 2
`. Bạn muốn đặt màu nền xanh cho `Đoạn 2`. Bộ chọn CSS nào sau đây có thể giúp bạn làm điều này?
- A. p { background-color: blue; }
- B. p + p { background-color: blue; }
- C. p > p { background-color: blue; }
- D. p ~ p { background-color: blue; }
Câu 21: Để định nghĩa màu trong CSS bằng tên màu chuẩn, ví dụ "red", "blue", "green", bạn sử dụng cú pháp nào?
- A. color: red;
- B. color = "red";
- C. set-color("red");
- D. color: #red;
Câu 22: Bạn có một phần tử `h1` và ngay sau nó là một phần tử `p`. Bạn muốn đặt màu chữ đỏ cho phần tử `p` đó. Bộ chọn CSS nào sử dụng quan hệ "adjacent sibling" (phần tử liền kề) để làm điều này?
- A. h1 p { color: red; }
- B. h1 > p { color: red; }
- C. h1 + p { color: red; }
- D. h1 ~ p { color: red; }
Câu 23: Sự khác biệt chính giữa bộ chọn `div p` và `div > p` khi áp dụng màu chữ là gì?
- A. `div p` chọn phần tử `div`, còn `div > p` chọn phần tử `p`.
- B. `div p` chọn `p` là con trực tiếp, còn `div > p` chọn `p` là con cháu bất kỳ.
- C. `div p` chỉ hoạt động với màu nền, còn `div > p` chỉ hoạt động với màu chữ.
- D. `div p` chọn `p` là con cháu bất kỳ của `div`, còn `div > p` chỉ chọn `p` là con trực tiếp của `div`.
Câu 24: Bạn muốn tạo một màu xanh dương có độ trong suốt (opacity) là 50%. Bạn có thể sử dụng định dạng màu nào sau đây trong CSS?
- A. rgba(0, 0, 255, 0.5)
- B. rgb(0, 0, 255, 0.5)
- C. hex(0000FF, 0.5)
- D. hsl(240, 100%, 50%, 0.5)
Câu 25: Khi sử dụng hệ màu HSL, giá trị Lightness (Độ sáng) bằng 100% sẽ luôn cho ra màu gì, bất kể giá trị Hue và Saturation là bao nhiêu?
- A. Đen
- B. Trắng
- C. Màu gốc
- D. Xám
Câu 26: Bạn có một danh sách các mục `
` trong một phần tử `ul`. Bạn muốn đặt màu chữ đỏ cho tất cả các mục `
` đó. Đoạn mã CSS nào sau đây là hiệu quả nhất?
- A. * { color: red; }
- B. ul { color: red; }
- C. ul li { color: red; }
- D. li { color: red; }
Câu 27: Mã màu HEX `#336699` là sự kết hợp của các giá trị RGB nào?
- A. rgb(51, 102, 153)
- B. rgb(33, 66, 99)
- C. rgb(51, 51, 51)
- D. rgb(153, 102, 51)
Câu 28: Nếu một phần tử `div` có màu nền là xanh và chứa một phần tử `p` không được định nghĩa màu nền riêng. Màu nền của phần tử `p` sẽ là gì?
- A. Xanh (thừa hưởng từ div)
- B. Màu trắng (mặc định)
- C. Màu đen (mặc định)
- D. Màu trong suốt, để lộ màu nền của phần tử cha (div).
Câu 29: Bạn muốn tạo một màu đỏ sẫm bằng hệ HSL. Bạn sẽ điều chỉnh thành phần nào để giảm độ sáng của màu đỏ tươi?
- A. Hue
- B. Saturation
- C. Lightness
- D. Alpha
Câu 30: Bạn có một phần tử `h2` và nhiều phần tử `p` theo sau nó trong cùng một cấp độ. Bạn muốn đặt màu chữ xanh cho TẤT CẢ các phần tử `p` sau `h2`. Bộ chọn CSS nào sử dụng quan hệ "general sibling" (anh em chung) để làm điều này?
- A. h2 + p
- B. h2 > p
- C. h2 p
- D. h2 ~ p
